/* Design tokens: the "snow" theme (white + black), owner request 2026-10-30, TAD 22.13.
   Same 12 token names as reference/index.html, new values. Everything else in the CSS reads these. */
@font-face { font-family: 'Barlow Semi Condensed'; font-weight: 600; font-style: normal; font-display: swap; src: url(/assets/fonts/barlow-semi-condensed-600.woff2) format('woff2'); }
@font-face { font-family: 'Barlow Semi Condensed'; font-weight: 700; font-style: normal; font-display: swap; src: url(/assets/fonts/barlow-semi-condensed-700.woff2) format('woff2'); }
    :root {
      --bg: #ffffff;
      --sidebar: #f5f8fa;
      --card: #ffffff;
      --border: #dde6ec;
      --accent: #0b0f12;
      --accent2: #2c5470;
      --success: #22c55e;
      --warn: #f59e0b;
      --danger: #ef4444;
      --text: #0b1217;
      --muted: #566772;
      --radius: 12px;
      --accent-rgb: 11, 15, 18;
      --ink-rgb: 11, 23, 31;
      --on-accent: #ffffff;
      --deep: #f1f6f9;
      --frost: #eaf3f8;
      --hairline: rgba(20, 50, 70, 0.13);
      --text-soft: #2f3e47;
      --ok-text: #166534;
      --warn-text: #92400e;
      --bad-text: #b91c1c;
      --shadow-card: 0 1px 2px rgba(20, 50, 70, 0.05), 0 10px 30px rgba(20, 50, 70, 0.06);
      --shadow-lift: 0 2px 4px rgba(20, 50, 70, 0.05), 0 24px 60px rgba(20, 50, 70, 0.12);
      --display: 'Barlow Semi Condensed', 'Arial Narrow', Inter, system-ui, sans-serif;
      color-scheme: light;
    }
    * { box-sizing: border-box; margin: 0; padding: 0; }