/* Canonical Untapped Opportunities tokens. Source: tokens.json v1.0.0. */
:root {
  color-scheme: light;

  --ut-color-evergreen: #185b40;
  --ut-color-emerald: #2b8a62;
  --ut-color-mint: #72d6aa;
  --ut-color-signal: #f2b544;
  --ut-color-ink: #14251d;
  --ut-color-muted: #506158;
  --ut-color-border: #b7c4ba;
  --ut-color-surface: #ffffff;
  --ut-color-paper: #f6f8f3;
  --ut-color-inverse: #0f2b20;
  --ut-color-success: #18794e;
  --ut-color-warning: #8a5a00;
  --ut-color-danger: #a4262c;
  --ut-color-info: #075985;
  --ut-color-focus-light: #075985;
  --ut-color-focus-dark: #f2b544;
  --ut-score-high: #18794e;
  --ut-score-medium: #8a5a00;
  --ut-score-low: #a4262c;
  --ut-score-unknown: #506158;

  --ut-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ut-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ut-font-regular: 400;
  --ut-font-medium: 500;
  --ut-font-semibold: 600;
  --ut-font-bold: 700;
  --ut-text-xs: 0.75rem;
  --ut-text-sm: 0.875rem;
  --ut-text-base: 1rem;
  --ut-text-lg: 1.125rem;
  --ut-text-xl: 1.5rem;
  --ut-text-display: clamp(2.5rem, 8vw, 5.5rem);
  --ut-leading-tight: 1.1;
  --ut-leading-body: 1.6;

  --ut-space-0: 0;
  --ut-space-1: 0.25rem;
  --ut-space-2: 0.5rem;
  --ut-space-3: 0.75rem;
  --ut-space-4: 1rem;
  --ut-space-6: 1.5rem;
  --ut-space-8: 2rem;
  --ut-space-12: 3rem;
  --ut-space-16: 4rem;
  --ut-space-24: 6rem;

  --ut-radius-sm: 0.375rem;
  --ut-radius-md: 0.625rem;
  --ut-radius-lg: 1rem;
  --ut-radius-pill: 999px;
  --ut-border-subtle: 1px solid var(--ut-color-border);
  --ut-border-strong: 2px solid var(--ut-color-evergreen);
  --ut-shadow-card: 0 8px 24px rgb(20 37 29 / 8%);
  --ut-shadow-raised: 0 16px 40px rgb(20 37 29 / 14%);

  --ut-control-height: 2.75rem;
  --ut-focus-ring-light: 0 0 0 3px var(--ut-color-focus-light);
  --ut-focus-ring-dark: 0 0 0 3px var(--ut-color-focus-dark);
  --ut-focus-offset: 3px;
}

.ut-focus-ring:focus-visible {
  outline: 3px solid var(--ut-color-focus-light);
  outline-offset: var(--ut-focus-offset);
}

.ut-surface-inverse .ut-focus-ring:focus-visible {
  outline-color: var(--ut-color-focus-dark);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}