/* =========================================================
   tokens.css - Design tokens (colours, type, spacing)
   ========================================================= */

:root {
  /* Colours */
  --color-ink:          #1a1714;
  --color-cream:        #f7f3ed;
  --color-warm:         #f0e9de;
  --color-accent:       #c8440a;
  --color-accent-light: #e8591a;
  --color-muted:        #7a7167;
  --color-rule:         #d9d0c5;

  /* Typography */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'DM Sans', system-ui, sans-serif;

  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-md:   17px;
  --text-lg:   20px;
  --text-xl:   26px;

  /* Spacing scale */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-14:  56px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;
  --space-30:  120px;

  /* Section padding shorthand */
  --section-v: var(--space-30);
  --section-h: 72px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
}