/* ================================================================ */
/* chea — tokens.css                                                 */
/* Source: Sampo chea tokens, adapted only for local WOFF2 assets.  */
/* ================================================================ */
/* sampo-fingerprint: brand=chea | slug=chea | ground=dark | accent=#C72A09 | display=LemonMilk */

@font-face {
  font-family: 'LemonMilk';
  src: url('../fonts/lemonmilk-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'LemonMilk';
  src: url('../fonts/lemonmilk-light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  /* === brand — Sampo v1 Layer A === */
  --ink: #1E1E1E;
  --paper: #E4E2DD;
  --accent: #C72A09;
  --muted: #7B776F;
  --white: #FFFFFF;
  --black: #000000;
  --ink-ground: #1E1E1E;
  --paper-ground: #E4E2DD;
  --accent: #C72A09;
  --muted: #7B776F;
  --font-display: 'LemonMilk', 'Arial Narrow', Arial, sans-serif;
  --font-weight-display: 300;
  --font-subtitle: 'Futura', 'Futura PT', 'Century Gothic', sans-serif;
  --font-weight-subtitle: 700;
  --font-body: 'Futura', 'Futura PT', 'Century Gothic', sans-serif;
  --font-weight-body: 500;
  --fs-hero: 120px;
  --fs-h1: 72px;
  --fs-h2: 44px;
  --fs-h3: 28px;
  --fs-body: 16px;
  --fs-caption: 12px;
  --fs-ratio: 1.5;
  --space-unit: 8px;
  --space-0: 4px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
  --space-6: 96px;
  --space-7: 160px;
  --radius-none: 0;
  --radius-sm: 2;
  --radius-md: 8;
  --surface-1: #303030;
  --surface-2: #404040;
  --surface-3: #505050;
  --paper-ghost: rgba(228,226,221,0.06);
  --paper-ghost: color-mix(in srgb, rgb(228,226,221) 6%, transparent);
  --paper-border: rgba(228,226,221,0.12);
  --paper-border: color-mix(in srgb, rgb(228,226,221) 12%, transparent);
  --paper-hover: rgba(228,226,221,0.16);
  --paper-hover: color-mix(in srgb, rgb(228,226,221) 16%, transparent);
  --ink-ghost: rgba(30,30,30,0.06);
  --ink-ghost: color-mix(in srgb, rgb(30,30,30) 6%, transparent);
  --ink-border: rgba(30,30,30,0.12);
  --ink-border: color-mix(in srgb, rgb(30,30,30) 12%, transparent);
  --ink-hover: rgba(30,30,30,0.16);
  --ink-hover: color-mix(in srgb, rgb(30,30,30) 16%, transparent);
  --accent-dim: rgba(199,42,9,0.18);
  --accent-dim: color-mix(in srgb, rgb(199,42,9) 18%, transparent);
  --accent-border: rgba(199,42,9,0.35);
  --accent-border: color-mix(in srgb, rgb(199,42,9) 35%, transparent);
  --green: #579562;
  --green-dim: rgba(87,149,98,0.12);
  --green-dim: color-mix(in srgb, rgb(87,149,98) 12%, transparent);
  --amber: #B97B0A;
  --amber-dim: rgba(185,123,10,0.12);
  --amber-dim: color-mix(in srgb, rgb(185,123,10) 12%, transparent);
  --error: #C14728;
  --error-dim: rgba(193,71,40,0.12);
  --error-dim: color-mix(in srgb, rgb(193,71,40) 12%, transparent);
  --info: #496983;
  --info-dim: rgba(73,105,131,0.12);
  --info-dim: color-mix(in srgb, rgb(73,105,131) 12%, transparent);
  --on-dark: #F5F5F2;
  --on-accent: #F5F5F2;
  --ease-out-expo: cubic-bezier(0.16,1,0.3,1);
  --dur-fast: 150ms;
  --dur-normal: 300ms;
  --stagger-step: 40ms;
  --bg-gradient-stops: #1E1E1E, #1C1C1C, #432119, #C72A09;
}

@font-face {
  font-family: 'Futura';
  src: url('../fonts/futura-book.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura';
  src: url('../fonts/futura-medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura';
  src: url('../fonts/futura-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}