/* Fluint Design System — generated from tokens.json */
:root, [data-theme="paper"] {
  --surface: #FAFCFE;
  --surface-raised: #FFFFFF;
  --surface-sunk: #E7EBF0;
  --line: #DADEE3;
  --line-strong: #8E8676;
  --grid-line: #D3D7DC;
  --grid-line-on-dark: rgba(224,228,233,0.14);
  --grid-mark: #B8AE9C;
  --ink: #1A1814;
  --ink-muted: #5C574D;
  --ink-faint: #7D7566;
  --blue: #1C6E98;
  --blue-bright: #258BBE;
  --on-blue: #FFFFFF;
  --mist: #E4EEF5;
  --ember: #E8804C;
  --ember-ink: #A84B22;
  --on-ember: #1A1814;
  --apricot: #FBE6D6;
  --harbor: #0F3B52;
  --on-harbor: #E0E4E9;
  --on-harbor-muted: #B9C7CF;
  --deep: #0D1417;
  --on-deep: #E0E4E9;
  --mint: #DCEBE2;
  --mint-ink: #2F6B4A;
  --focus-ring: #1C6E98;
  --shadow-frame: 0 40px 80px -40px rgba(26,24,20,0.35);
  --shadow-cta: 0 14px 30px -12px rgba(28,110,152,0.6);
  --shadow-pop: 0 24px 60px -24px rgba(26,24,20,0.3);
}
[data-theme="console"] {
  --surface: #0B1115;
  --surface-raised: #121B21;
  --surface-sunk: #0E161B;
  --line: #22313A;
  --line-strong: #5E7480;
  --grid-line: #1E2B33;
  --grid-line-on-dark: rgba(224,228,233,0.14);
  --grid-mark: #3E5562;
  --ink: #E0E4E9;
  --ink-muted: #A9B4B8;
  --ink-faint: #7A8A92;
  --blue: #4FB0E0;
  --blue-bright: #7CC6EA;
  --on-blue: #0B1115;
  --mist: #12283A;
  --ember: #F09A6B;
  --ember-ink: #F09A6B;
  --on-ember: #0B1115;
  --apricot: #3A2216;
  --harbor: #0F3B52;
  --on-harbor: #E0E4E9;
  --on-harbor-muted: #B9C7CF;
  --deep: #162229;
  --on-deep: #E0E4E9;
  --mint: #12302A;
  --mint-ink: #8FD1B0;
  --focus-ring: #7CC6EA;
  --shadow-frame: 0 40px 80px -40px rgba(0,0,0,0.7);
  --shadow-cta: 0 14px 30px -12px rgba(79,176,224,0.45);
  --shadow-pop: 0 24px 60px -24px rgba(0,0,0,0.6);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 160px;
  --container: 1240px;
  --measure: 64ch;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --texture-strong: 0.55;
  --texture-soft: 0.35;
  --grain: 0.18;
  --gradient-flow: linear-gradient(90deg, #258BBE 0%, #E8804C 100%);
  --gradient-ink: linear-gradient(90deg, #1C6E98 0%, #A84B22 100%);
  --gradient-glow: linear-gradient(180deg, #0F3B52 0%, #0B2F42 100%);
  --gradient-dawn: linear-gradient(180deg, #FAFCFE 0%, #E4EEF5 100%);
  --gradient-ember: linear-gradient(135deg, #F09A6B 0%, #E8804C 55%, #DC6F3B 100%);
  --font-sans: "Geist", Helvetica, Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;
}
@font-face { font-family: 'Geist'; src: url('fonts/Geist-Latin.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Geist Mono'; src: url('fonts/GeistMono-Latin.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
.display-xl { font-family: var(--font-sans); font-size: 128px; line-height: 0.92; font-weight: 500; letter-spacing: -0.045em; }
.display { font-family: var(--font-sans); font-size: 96px; line-height: 0.95; font-weight: 500; letter-spacing: -0.04em; }
.h1 { font-family: var(--font-sans); font-size: 64px; line-height: 1.0; font-weight: 500; letter-spacing: -0.035em; }
.h2 { font-family: var(--font-sans); font-size: 44px; line-height: 1.05; font-weight: 500; letter-spacing: -0.03em; }
.h3 { font-family: var(--font-sans); font-size: 26px; line-height: 1.2; font-weight: 500; letter-spacing: -0.015em; }
.lead { font-family: var(--font-sans); font-size: 22px; line-height: 1.45; font-weight: 400; letter-spacing: -0.005em; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 1.6; font-weight: 400; letter-spacing: normal; }
.ui { font-family: var(--font-sans); font-size: 15px; line-height: 1.4; font-weight: 500; letter-spacing: normal; }
.small { font-family: var(--font-sans); font-size: 13px; line-height: 1.45; font-weight: 400; letter-spacing: normal; }
.eyebrow { font-family: var(--font-mono); font-size: 12px; line-height: 1.4; font-weight: 500; letter-spacing: 0.08em; }
.stat-xl { font-family: var(--font-mono); font-size: 72px; line-height: 1.0; font-weight: 400; letter-spacing: -0.04em; }
.stat { font-family: var(--font-mono); font-size: 28px; line-height: 1.1; font-weight: 400; letter-spacing: -0.02em; }
.code { font-family: var(--font-mono); font-size: 13px; line-height: 1.6; font-weight: 400; letter-spacing: normal; }