/* ==========================================================================
   Learn Chinese — 学中文 — Design Tokens
   ========================================================================== */
:root {
  /* --- Color --- */
  --color-cinnabar: #A3272B;
  --color-cinnabar-dark: #7E1E22;
  --color-gold: #C9A253;
  --color-gold-soft: #E4D2A5;
  --color-ivory: #F7F3EA;
  --color-ivory-raised: #FFFDF8;
  --color-ink: #2E2721;
  --color-ink-soft: #6B6259;
  --color-jade: #5E7765;
  --color-jade-soft: #DDE6DF;
  --color-border: rgba(46, 39, 33, 0.12);
  --color-border-strong: rgba(46, 39, 33, 0.22);

  /* --- Type --- */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Work Sans', -apple-system, sans-serif;
  --font-hanzi: 'Noto Serif SC', 'Songti SC', serif;
  --font-brush: 'Ma Shan Zheng', cursive;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --text-4xl: 3rem;

  /* --- Space --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;

  /* --- Shape --- */
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --shadow-card: 0 1px 2px rgba(46, 39, 33, 0.06), 0 6px 20px rgba(46, 39, 33, 0.06);
  --shadow-raised: 0 4px 12px rgba(46, 39, 33, 0.10), 0 12px 32px rgba(46, 39, 33, 0.08);

  --max-width: 1080px;
  --transition: 160ms ease;
}