/* =============================================================
   DESIGN TOKENS — tokens.css
   All colours, fonts, spacing defined here.
   Edit this file to retheme the whole site at once.
   ============================================================= */

:root {
  /* Colours */
  --cream:      #F5F0E8;
  --ink:        #1A1714;
  --gray:       #8C8680;
  --accent:     #C8471A;   /* burnt orange — primary accent */
  --rule:       #D4CEC6;   /* border / divider colour */
  --white:      #FDFAF6;
  --gold:       #C8A11A;   /* used for awards in timeline */

  /* Typography */
  --font-serif:  "Playfair Display", Georgia, serif;
  --font-mono:   "DM Mono", "Courier New", monospace;
  --font-sans:   "Instrument Sans", system-ui, sans-serif;

  /* Spacing scale */
  --space-xs:   8px;
  --space-sm:   16px;
  --space-md:   24px;
  --space-lg:   48px;
  --space-xl:   72px;
  --space-2xl:  96px;

  /* Nav height — used to offset sections */
  --nav-h:      57px;
}