/* Generated by scripts/build-tokens.mjs — DO NOT EDIT BY HAND.
 * Source of truth: tokens/*.json (DTCG format).
 * Folio DS — Swiss-style design tokens. Dark is the default theme. */

:root {
  --folio-color-bg: #1b1c1e;
  --folio-color-bg-elevated: #232427;
  --folio-color-bg-card: #26282b;
  --folio-color-text: #e7e3d7;
  --folio-color-text-muted: rgba(231, 227, 215, 0.5);
  --folio-color-text-dim: rgba(231, 227, 215, 0.24);
  --folio-color-border: rgba(231, 227, 215, 0.12);
  --folio-color-border-hover: rgba(231, 227, 215, 0.26);
  --folio-color-accent: #8ba6c6;
  --folio-color-accent-strong: #a7bdd6;
  --folio-color-accent-soft: rgba(139, 166, 198, 0.14);
  --folio-color-surface: rgba(30, 31, 34, 0.72);
  --folio-color-surface-light: rgba(30, 31, 34, 0.6);
  --folio-color-surface-border: rgba(231, 227, 215, 0.08);
  --folio-color-ink: rgba(231, 227, 215, 0.1);
  --folio-color-ink-strong: rgba(231, 227, 215, 0.28);
  --folio-color-status-ok: #4caf6e;
  --folio-color-status-ok-soft: rgba(76, 175, 110, 0.14);
  --folio-color-status-warn: #e8a020;
  --folio-color-status-warn-soft: rgba(232, 160, 32, 0.14);
  --folio-color-status-danger: #e85050;
  --folio-color-status-danger-soft: rgba(232, 80, 80, 0.14);
  --folio-color-status-info: #8888ff;
  --folio-color-status-info-soft: rgba(136, 136, 255, 0.14);
  --folio-color-cta: #3566b3;
  --folio-color-cta-hot: #4478c4;
  --folio-color-cta-ink: #ffffff;
  --folio-color-key: #e0ac4e;
  --folio-color-key-hot: #eec26d;
  --folio-color-key-ink: #e0ac4e;
  --folio-color-cta-light: #8fb0d8;
  --folio-color-key-light: #f2d49a;
  --folio-color-glow: transparent;

  --folio-font-family-sans: 'Space Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --folio-font-family-mono: 'IBM Plex Mono', monospace;
  --folio-font-family-display: 'Pixelify Sans', 'Space Grotesk', sans-serif;
  --folio-text-hero: clamp(2.5rem, 5.5vw, 4rem);
  --folio-text-title: clamp(2rem, 4vw, 3rem);
  --folio-text-heading: 1.75rem;
  --folio-text-subtitle: 1.25rem;
  --folio-text-body: 1rem;
  --folio-text-small: 0.75rem;
  --folio-leading-hero: 1;
  --folio-leading-title: 1;
  --folio-leading-heading: 2rem;
  --folio-leading-subtitle: 2rem;
  --folio-leading-body: 1.5rem;
  --folio-leading-small: 1rem;
  --folio-space-4: 0.25rem;
  --folio-space-8: 0.5rem;
  --folio-space-16: 1rem;
  --folio-space-24: 1.5rem;
  --folio-space-32: 2rem;
  --folio-space-40: 2.5rem;
  --folio-space-48: 3rem;
  --folio-space-56: 3.5rem;
  --folio-space-64: 4rem;
  --folio-space-80: 5rem;
  --folio-space-96: 6rem;
  --folio-space-128: 8rem;
  --folio-control-sm: 1.5rem;
  --folio-control-md: 2rem;
  --folio-control-lg: 2.5rem;
  --folio-control-xl: 3rem;
  --folio-radius-none: 0;
  --folio-radius-full: 50%;
  --folio-pixel-notch: 8px;
  --folio-pixel-notch-inner: 4px;
  --folio-elevation-0: var(--folio-color-bg);
  --folio-elevation-1: var(--folio-color-bg-elevated);
  --folio-elevation-2: var(--folio-color-bg-card);
  --folio-motion-ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --folio-motion-ease-reveal: cubic-bezier(0.01, 0.73, 0.42, 0.99);
  --folio-motion-duration-instant: 200ms;
  --folio-motion-duration-fast: 250ms;
  --folio-motion-duration-base: 400ms;
  --folio-motion-duration-slow: 600ms;
  --folio-motion-duration-reveal: 800ms;
  --folio-z-base: 0;
  --folio-z-content: 1;
  --folio-z-toast: 100;
  --folio-z-nav: 500;
  --folio-z-tooltip: 600;
  --folio-z-overlay: 700;
  --folio-z-lightbox: 9999;
  --folio-breakpoint-mobile: 768px;

  /* Composite shorthands */
  --folio-transition: var(--folio-motion-duration-base) var(--folio-motion-ease-out-expo);
  --folio-transition-fast: var(--folio-motion-duration-fast) var(--folio-motion-ease-out-expo);

  color-scheme: dark;
}

html[data-theme='light'] {
  --folio-color-bg: #FEFEFB;
  --folio-color-bg-elevated: #f4f3ee;
  --folio-color-bg-card: #efeee9;
  --folio-color-text: #2b2c2b;
  --folio-color-text-muted: rgba(43, 44, 43, 0.55);
  --folio-color-text-dim: rgba(43, 44, 43, 0.3);
  --folio-color-border: rgba(43, 44, 43, 0.14);
  --folio-color-border-hover: rgba(43, 44, 43, 0.32);
  --folio-color-accent: #3e5c7e;
  --folio-color-accent-strong: #2f4a68;
  --folio-color-accent-soft: rgba(62, 92, 126, 0.1);
  --folio-color-surface: rgba(254, 254, 251, 0.85);
  --folio-color-surface-light: rgba(254, 254, 251, 0.7);
  --folio-color-surface-border: rgba(43, 44, 43, 0.1);
  --folio-color-ink: rgba(43, 44, 43, 0.12);
  --folio-color-ink-strong: rgba(43, 44, 43, 0.34);
  --folio-color-status-ok: #2e7d4b;
  --folio-color-status-ok-soft: rgba(46, 125, 75, 0.12);
  --folio-color-status-warn: #9a6a00;
  --folio-color-status-warn-soft: rgba(154, 106, 0, 0.12);
  --folio-color-status-danger: #c03434;
  --folio-color-status-danger-soft: rgba(192, 52, 52, 0.12);
  --folio-color-status-info: #4a4ad6;
  --folio-color-status-info-soft: rgba(74, 74, 214, 0.12);
  --folio-color-cta: #3566b3;
  --folio-color-cta-hot: #4478c4;
  --folio-color-cta-ink: #ffffff;
  --folio-color-key: #e0ac4e;
  --folio-color-key-hot: #eec26d;
  --folio-color-key-ink: #8a6320;
  --folio-color-cta-light: #8fb0d8;
  --folio-color-key-light: #f2d49a;
  --folio-color-glow: transparent;

  color-scheme: light;
}