/* ============================================================
   Cocolo brand tokens — GENERATED FILE, DO NOT EDIT BY HAND
   Source of truth: tokens.json (repo root)
   Regenerate with: node scripts/build-tokens.js
   ============================================================ */
:root {
  --color-background-primary: #fffef5;
  --color-background-secondary: #f7f5da;
  --color-background-dark-mode: #1b3848;
  --color-text-primary: #1b3848;
  --color-text-on-dark: #fffef5;
  --color-text-support: #8a9a82;
  --color-border-default: #fffef5;
  --color-border-subtle: #1b3848;
  --color-brand-white: #ffffff;
  --color-brand-kin: #ffc916;
  --color-brand-sumi: #1b3848;
  --color-brand-millennium-washi: #f7f5da;
  --color-brand-kodama: #8a9a82;
  --color-brand-washi: #fffef5;
  --font-style-roslindale: Roslindale Variable;
  --font-style-inter: Inter;
  --font-weights-extralight: 200;
  --font-weights-light: 300;
  --font-weights-regular: 400;
  --font-weights-semibold: 600;
  --font-weights-bold: 700;
  --font-weights-black: 900;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-intro: 16px;
  --font-size-h4: 32px;
  --font-size-h3: 36px;
  --font-size-h2: 48px;
  --font-size-h1: 64px;
  --font-size-h5: 24px;
  --line-heights-tight: 1.1;
  --line-heights-snug: 1.3;
  --line-heights-normal: 24;
  --line-heights-relaxed: 2.38;
  --letter-spacing-tight: -0.32px;
  --letter-spacing-normal: 0px;
  --letter-spacing-wide: 1.28px;
  --letter-spacing-wider: 2.4px;
  --paragraph-spacing-high-end: 16px;
  --paragraph-spacing-normal: 24px;
}