/* Exometer v2 — canonical tokens. Import before component CSS.
 * Blue: #2863B8 on light, reference #73A6F2 on dark.
 * Legacy --exo-cobalt* names remain aliases for compatibility.
 * Orange belongs to the probe motif. Status *-text tokens are for text.
 * Defaults follow system theme; data-theme overrides it. Nested theme classes supported.
 * See BRAND.md and WEBSITE-BRIEF.md for usage.
 */
:root {
  color-scheme: light;
  --exo-blue: #2863B8;
  --exo-blue-hover: #1E4E94;
  --exo-blue-soft: #EAF1FC;
  --exo-on-action: #FFFFFF;
  --exo-probe: #FF7A3D;
  --exo-ink: #202322;
  --exo-slate: #5A6275;
  --exo-mist: #DEDCD5;
  --exo-paper: #F5F3EE;
  --exo-white: #FFFFFF;
  --exo-surface-raised: #EEF0F6;
  --exo-border-control: #7A8498;
  --exo-up: #17A36B;
  --exo-degraded: #D99A00;
  --exo-down: #E5484D;
  --exo-up-text: #087A4D;
  --exo-up-soft: #EAF7F0;
  --exo-degraded-text: #805900;
  --exo-degraded-soft: #FFF4D6;
  --exo-down-text: #B42332;
  --exo-down-soft: #FDECEC;
  --exo-logo: #2863B8;
  --exo-cobalt: var(--exo-blue);
  --exo-cobalt-deep: var(--exo-blue-hover);
  --exo-cobalt-soft: var(--exo-blue-soft);
  --exo-action: var(--exo-blue);
  --exo-action-hover: var(--exo-blue-hover);
  --exo-action-soft: var(--exo-blue-soft);
  --exo-text: var(--exo-ink);
  --exo-text-muted: var(--exo-slate);
  --exo-border: var(--exo-mist);
  --exo-page: var(--exo-paper);
  --exo-surface: var(--exo-white);
  --exo-focus: var(--exo-blue);
  --exo-font-display: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --exo-font-body: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --exo-font-mono: "Martian Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --exo-text-sm: .875rem;
  --exo-text-base: 1rem;
  --exo-text-lead: 1.125rem;
  --exo-text-data: .75rem;
  --exo-heading-hero: clamp(3rem, 7vw + .5rem, 5.5rem);
  --exo-heading-section: clamp(1.75rem, 3vw + .5rem, 2.75rem);
  --exo-radius-control: .5rem;
  --exo-radius-card: .75rem;
  --exo-radius-panel: 1rem;
  --exo-space-1: .25rem;
  --exo-space-2: .5rem;
  --exo-space-3: .75rem;
  --exo-space-4: 1rem;
  --exo-space-6: 1.5rem;
  --exo-space-8: 2rem;
  --exo-space-12: 3rem;
  --exo-space-16: 4rem;
  --exo-space-24: 6rem;
  --exo-container: 73.75rem;
  --exo-gutter: 1.25rem;
  --exo-section-space: var(--exo-space-16);
  --exo-control-height: 2.75rem;
  --exo-duration: 160ms;
  --exo-ease: ease-out;
  --exo-shadow: 0 12px 32px rgb(16 19 28 / .08);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --exo-blue: #73A6F2;
    --exo-blue-hover: #98BEF7;
    --exo-blue-soft: #172B49;
    --exo-on-action: #181A19;
    --exo-probe: #FF8A52;
    --exo-ink: #F5F3EE;
    --exo-slate: #B0B2AA;
    --exo-mist: #3B403B;
    --exo-paper: #181A19;
    --exo-white: #222523;
    --exo-surface-raised: #2B2E2B;
    --exo-border-control: #6F7C95;
    --exo-up: #2FC787;
    --exo-degraded: #F2B92E;
    --exo-down: #FF6369;
    --exo-up-text: #2FC787;
    --exo-up-soft: #102D24;
    --exo-degraded-text: #F2B92E;
    --exo-degraded-soft: #322A12;
    --exo-down-text: #FF8187;
    --exo-down-soft: #3A1A1F;
    --exo-logo: #F5F3EE;
    --exo-cobalt: var(--exo-blue);
  --exo-cobalt-deep: var(--exo-blue-hover);
  --exo-cobalt-soft: var(--exo-blue-soft);
  --exo-action: var(--exo-blue);
    --exo-action-hover: var(--exo-blue-hover);
    --exo-action-soft: var(--exo-blue-soft);
    --exo-text: var(--exo-ink);
    --exo-text-muted: var(--exo-slate);
    --exo-border: var(--exo-mist);
    --exo-page: var(--exo-paper);
    --exo-surface: var(--exo-white);
    --exo-focus: var(--exo-blue);
  }
}
.exo-light, [data-theme="light"] {
  color-scheme: light;
  --exo-blue: #2863B8;
  --exo-blue-hover: #1E4E94;
  --exo-blue-soft: #EAF1FC;
  --exo-on-action: #FFFFFF;
  --exo-probe: #FF7A3D;
  --exo-ink: #202322;
  --exo-slate: #5A6275;
  --exo-mist: #DEDCD5;
  --exo-paper: #F5F3EE;
  --exo-white: #FFFFFF;
  --exo-surface-raised: #EEF0F6;
  --exo-border-control: #7A8498;
  --exo-up: #17A36B;
  --exo-degraded: #D99A00;
  --exo-down: #E5484D;
  --exo-up-text: #087A4D;
  --exo-up-soft: #EAF7F0;
  --exo-degraded-text: #805900;
  --exo-degraded-soft: #FFF4D6;
  --exo-down-text: #B42332;
  --exo-down-soft: #FDECEC;
  --exo-logo: #2863B8;
  --exo-cobalt: var(--exo-blue);
  --exo-cobalt-deep: var(--exo-blue-hover);
  --exo-cobalt-soft: var(--exo-blue-soft);
  --exo-action: var(--exo-blue);
  --exo-action-hover: var(--exo-blue-hover);
  --exo-action-soft: var(--exo-blue-soft);
  --exo-text: var(--exo-ink);
  --exo-text-muted: var(--exo-slate);
  --exo-border: var(--exo-mist);
  --exo-page: var(--exo-paper);
  --exo-surface: var(--exo-white);
  --exo-focus: var(--exo-blue);
}
.exo-dark, [data-theme="dark"] {
  color-scheme: dark;
  --exo-blue: #73A6F2;
  --exo-blue-hover: #98BEF7;
  --exo-blue-soft: #172B49;
  --exo-on-action: #181A19;
  --exo-probe: #FF8A52;
  --exo-ink: #F5F3EE;
  --exo-slate: #B0B2AA;
  --exo-mist: #3B403B;
  --exo-paper: #181A19;
  --exo-white: #222523;
  --exo-surface-raised: #2B2E2B;
  --exo-border-control: #6F7C95;
  --exo-up: #2FC787;
  --exo-degraded: #F2B92E;
  --exo-down: #FF6369;
  --exo-up-text: #2FC787;
  --exo-up-soft: #102D24;
  --exo-degraded-text: #F2B92E;
  --exo-degraded-soft: #322A12;
  --exo-down-text: #FF8187;
  --exo-down-soft: #3A1A1F;
  --exo-logo: #F5F3EE;
  --exo-cobalt: var(--exo-blue);
  --exo-cobalt-deep: var(--exo-blue-hover);
  --exo-cobalt-soft: var(--exo-blue-soft);
  --exo-action: var(--exo-blue);
  --exo-action-hover: var(--exo-blue-hover);
  --exo-action-soft: var(--exo-blue-soft);
  --exo-text: var(--exo-ink);
  --exo-text-muted: var(--exo-slate);
  --exo-border: var(--exo-mist);
  --exo-page: var(--exo-paper);
  --exo-surface: var(--exo-white);
  --exo-focus: var(--exo-blue);
}
@media (min-width: 48rem) { :root { --exo-gutter: 2rem; } }
@media (min-width: 64rem) { :root { --exo-gutter: 2.5rem; --exo-section-space: var(--exo-space-24); } }
@media (prefers-reduced-motion: reduce) { :root { --exo-duration: 0ms; } }