/* ============================================================
   LEA — "Recess" design tokens
   Warm paper-first, union navy demoted to ink, marigold spirit.
   ============================================================ */

:root {
  /* ---- Core palette ---- */
  --paper: #fbf7f0;        /* page ground, warm off-white */
  --card: #ffffff;         /* raised surfaces */
  --sand: #f0e6d6;         /* section bands, hover fills, dividers */
  --sand-deep: #e7d9c2;

  --navy: #0e1c3c;         /* INK: headlines, body, footer bg */
  --navy-70: #3a4868;      /* muted body / captions */
  --navy-40: #8d96ac;

  --marigold: #f4a11e;     /* primary spirit accent (fills/graphics) */
  --marigold-deep: #c97e0c;/* marigold for hover fills */
  --marigold-text: #8a5708;/* AA marigold for small text on paper/white */
  --coral-text: #b8402a;   /* AA coral for small text */
  --green-text: #1f7a4f;   /* AA green for small text */
  --teal: #137a82;         /* secondary: links, email pills */
  --teal-deep: #0f6068;
  --coral: #e8553a;        /* reserved: live/urgent */
  --green: #2f8f63;        /* good news */
  --chalk: #8fb7d9;        /* focus rings, monogram field */
  --sunrise: #ffd9a8;      /* atmosphere-only radial stop */

  /* ---- Semantic ---- */
  --bg: var(--paper);
  --text: var(--navy);
  --muted: var(--navy-70);
  --accent: var(--marigold);

  /* announcement category colors */
  --ann-notice: var(--teal);
  --ann-event: var(--marigold-deep);
  --ann-urgent: var(--coral);
  --ann-good: var(--green);

  /* ---- Type ---- */
  --font-display: "Bricolage Grotesque", "Trebuchet MS", sans-serif;
  --font-body: "Newsreader", Georgia, "Times New Roman", serif;

  --text-xs: 0.78rem;
  --text-sm: 0.92rem;
  --text-base: clamp(1.02rem, 0.98rem + 0.25vw, 1.18rem);
  --text-lg: clamp(1.2rem, 1.05rem + 0.7vw, 1.55rem);
  --text-xl: clamp(1.7rem, 1.2rem + 2vw, 3rem);
  --text-display: clamp(2.6rem, 1rem + 7vw, 7.5rem);

  /* ---- Space ---- */
  --space-section: clamp(4rem, 3rem + 5vw, 9rem);
  --gutter: clamp(1.15rem, 0.5rem + 3.5vw, 3.5rem);
  --maxw: 1240px;

  /* ---- Motion ---- */
  --dur-fast: 150ms;
  --dur: 320ms;
  --dur-slow: 700ms;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.33, 1, 0.68, 1);

  /* ---- Form / radii / shadow ---- */
  --r-sticker: 6px;
  --r-card: 16px;
  --r-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(14, 28, 60, 0.06), 0 6px 16px rgba(14, 28, 60, 0.07);
  --shadow-md: 0 10px 30px rgba(14, 28, 60, 0.12);
  --shadow-lg: 0 26px 60px rgba(14, 28, 60, 0.18);
  --shadow-hard: 4px 4px 0 var(--navy);

  --focus: 0 0 0 3px var(--paper), 0 0 0 6px var(--navy);
}