/* theme.css — single source of truth for all design tokens.
   Every component references these variables. Never hardcode colors or fonts.
   Direction: dark, warm, retro — the glow of a toaster element at dusk. */

:root {
  /* Core brand colors (warmed for retro feel) */
  --primary: #C8A97E;            /* aged brass accent */
  --primaryLight: #D9BC96;       /* hover / highlight brass */
  --secondary: #181410;          /* warm surface panels */
  --bodyTextColor: #A89880;      /* muted text */
  --bodyTextColorWhite: #F0EBE1; /* primary warm off-white text */
  --background: #0C0907;         /* warm near-black page background */
  --border: #2E2A24;             /* warm hairline borders */

  /* Retro "heat" accents — the glowing element */
  --heat: #E8743B;               /* toaster-coil orange */
  --heatDeep: #C8451F;           /* deeper ember red */
  --heatGlow: rgba(232, 116, 59, 0.45);
  --cream: #F4E9D6;              /* warm cream highlight */

  /* Typography */
  --fontDisplay: 'Fraunces', 'Cormorant Garamond', serif; /* retro-editorial soft serif */
  --fontBody: 'DM Sans', sans-serif;
  --fontMono: 'DM Mono', monospace;
}