/* Generated by design-tokens/build.mjs from design-tokens/tokens.json (v2.1.0). Do not edit by hand. */
:root {
  --color-bg-page: #FFFFFF;
  --color-bg-surface: #F4F6F7;
  --color-bg-raised: #FFFFFF;
  --color-bg-inverse: #0F1215;
  --color-bg-accent: #129A8D;
  --color-bg-accent-hover: #0A6E66;
  --color-bg-glass: rgba(255, 255, 255, 0.722);
  --color-text-primary: #0F1215;
  --color-text-secondary: #5B6770;
  --color-text-inverse: #FFFFFF;
  --color-text-on-accent: #0F1215;
  --color-text-accent: #0A6E66;
  --color-border-default: #E6EAED;
  --color-border-strong: #7E8A93;
  --color-focus: #23338C;
  --color-status-fresh: #2F9E6E;
  --color-status-aging: #A8740C;
  --color-status-stale: #C4453E;
  --color-status-fallback: #5B63C9;
  --color-status-offline: #7E8A93;
  --color-status-danger: #C4453E;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="night"]) {
    --color-bg-page: #0F1215;
    --color-bg-surface: #1A1F24;
    --color-bg-raised: #1A1F24;
    --color-bg-inverse: #F4F6F7;
    --color-bg-accent: #3DD6C6;
    --color-bg-accent-hover: #29C2B2;
    --color-bg-glass: rgba(15, 18, 21, 0.6);
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #B4BCC4;
    --color-text-inverse: #0F1215;
    --color-text-on-accent: #0F1215;
    --color-text-accent: #3DD6C6;
    --color-border-default: #2B333B;
    --color-border-strong: #6B7682;
    --color-focus: #F6D045;
    --color-status-fresh: #2F9E6E;
    --color-status-aging: #D4961E;
    --color-status-stale: #C4453E;
    --color-status-fallback: #5B63C9;
    --color-status-offline: #7E8A93;
    --color-status-danger: #C4453E;
  }
}
:root[data-theme="dark"] {
  --color-bg-page: #0F1215;
  --color-bg-surface: #1A1F24;
  --color-bg-raised: #1A1F24;
  --color-bg-inverse: #F4F6F7;
  --color-bg-accent: #3DD6C6;
  --color-bg-accent-hover: #29C2B2;
  --color-bg-glass: rgba(15, 18, 21, 0.6);
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #B4BCC4;
  --color-text-inverse: #0F1215;
  --color-text-on-accent: #0F1215;
  --color-text-accent: #3DD6C6;
  --color-border-default: #2B333B;
  --color-border-strong: #6B7682;
  --color-focus: #F6D045;
  --color-status-fresh: #2F9E6E;
  --color-status-aging: #D4961E;
  --color-status-stale: #C4453E;
  --color-status-fallback: #5B63C9;
  --color-status-offline: #7E8A93;
  --color-status-danger: #C4453E;
}
:root[data-theme="night"] {
  --color-bg-page: #140303;
  --color-bg-surface: #1E0505;
  --color-bg-raised: #1E0505;
  --color-bg-inverse: #C8423A;
  --color-bg-accent: #7A1B18;
  --color-bg-accent-hover: #C8423A;
  --color-bg-glass: rgba(20, 3, 3, 0.698);
  --color-text-primary: #F09A90;
  --color-text-secondary: #C8423A;
  --color-text-inverse: #140303;
  --color-text-on-accent: #F09A90;
  --color-text-accent: #C8423A;
  --color-border-default: #2E0909;
  --color-border-strong: #7A1B18;
  --color-focus: #C8423A;
  --color-status-fresh: #C8423A;
  --color-status-aging: #C8423A;
  --color-status-stale: #F09A90;
  --color-status-fallback: #C8423A;
  --color-status-offline: #7A1B18;
  --color-status-danger: #F09A90;
}
:root {
  --font-sans: "Fira Sans", system-ui, sans-serif;
  --numeric-readout: tabular-nums;
  --numeric-coordinates: tabular-nums slashed-zero;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-30: 7.5rem;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-full: 999px;
  --type-displayHero: 300 6rem/1.0416666666666667 var(--font-sans);
  --type-displayHero-tracking: -0.025em;
  --type-displayDesktop: 300 4.5rem/1.0833333333333333 var(--font-sans);
  --type-displayDesktop-tracking: -0.015em;
  --type-displayMobile: 300 2.625rem/1.0952380952380953 var(--font-sans);
  --type-displayMobile-tracking: -0.01em;
  --type-h2: 300 2.5rem/1.2 var(--font-sans);
  --type-h2-tracking: -0.005em;
  --type-titleScreen: 300 2rem/1.1875 var(--font-sans);
  --type-titleScreen-tracking: -0.01em;
  --type-h3: 600 1.5rem/1.3333333333333333 var(--font-sans);
  --type-h3-tracking: 0em;
  --type-bodyLarge: 400 1.3125rem/1.5238095238095237 var(--font-sans);
  --type-bodyLarge-tracking: 0em;
  --type-body: 400 1.0625rem/1.5294117647058822 var(--font-sans);
  --type-body-tracking: 0em;
  --type-label: 600 1.0625rem/1.2941176470588236 var(--font-sans);
  --type-label-tracking: 0em;
  --type-labelSmall: 600 0.875rem/1.2857142857142858 var(--font-sans);
  --type-labelSmall-tracking: 0em;
  --type-labelTab: 500 0.75rem/1.3333333333333333 var(--font-sans);
  --type-labelTab-tracking: 0em;
  --type-caption: 400 0.875rem/1.4285714285714286 var(--font-sans);
  --type-caption-tracking: 0em;
  --type-overline: 600 0.75rem/1.3333333333333333 var(--font-sans);
  --type-overline-tracking: 0.16em;
  --type-readout: 600 2rem/1.125 var(--font-sans);
  --type-readout-tracking: 0em;
  --type-readoutSmall: 500 1.0625rem/1.2941176470588236 var(--font-sans);
  --type-readoutSmall-tracking: 0em;
  --duration-instant: 100ms;
  --duration-quick: 180ms;
  --duration-standard: 280ms;
  --duration-slow: 480ms;
  --duration-mapFade: 240ms;
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-inOut: cubic-bezier(0.33, 0, 0.2, 1);
  --press-scale: 0.97;
  --scale-sst: linear-gradient(90deg, #042333, #19337C, #563B9C, #83508F, #B15F82, #DF7064, #F99341, #F9C641, #E8FA5B);
  --scale-chlorophyll: linear-gradient(90deg, #D7F9D0, #AFDDA2, #84C47A, #50AD59, #129450, #0D7748, #185B3B, #193F29, #122414);
}
@media (prefers-reduced-motion: reduce) {
  :root { --duration-instant: 0ms; --duration-quick: 0ms; --duration-standard: 0ms; --duration-slow: 0ms; --duration-mapFade: 0ms; }
}