/* ==========================================================================
   Classic Car Clubs UK — design tokens
   Source of truth: docs/superpowers/specs/2026-07-03-…-design.md
   Heritage editorial: racing teal, EB Garamond + Public Sans, print-like calm.
   ========================================================================== */

:root {
  /* -- Colour ---------------------------------------------------------- */
  --teal-900: #062f31;
  --teal-700: #09484A;          /* signature: header, buttons, event cards  */
  --teal-500: #009294;          /* active states, links on light            */
  --mint-400: #8ccec6;          /* button hover flip                        */
  --mint-300: #9ee0d8;          /* ticks, hover accents on dark             */
  --gold-400: #FFD700;          /* "Featured"                               */
  --ink-900: #000000;           /* headings                                 */
  --ink-700: #333333;           /* body                                     */
  --ink-500: #666666;           /* meta                                     */
  --line-200: #e0e0e0;          /* hairline borders                         */
  --line-100: #f0f0f0;          /* card footer rules                       */
  --wash-050: #f9f9f9;          /* section washes                          */
  --wash-100: #f5f5f5;
  --wash-green: #f0f7f0;
  --paper: #ffffff;

  /* -- Type ------------------------------------------------------------- */
  --font-display: "Public Sans", "Inter Tight", system-ui, sans-serif;
  --font-body: "EB Garamond", "Times New Roman", Times, serif;

  --text-hero: clamp(2.75rem, 6.5vw, 5rem);       /* uppercase, lh 0.95   */
  --text-h2: clamp(1.9rem, 3.2vw, 2.4rem);
  --text-h3: 1.35rem;
  --text-body: 1.125rem;
  --text-meta: 0.9rem;
  --text-eyebrow: 0.78rem;                         /* letterspaced kicker  */
  --text-tag: 0.68rem;
  --text-button: 0.8rem;

  --leading-body: 1.7;
  --leading-tight: 1.15;
  --tracking-caps: 0.08em;
  --tracking-eyebrow: 0.16em;

  /* -- Space & shape ---------------------------------------------------- */
  --space-section: clamp(3.5rem, 7vw, 6rem);
  --space-card: 1.5rem;
  --frame: 1360px;
  --prose: 800px;

  --radius-none: 0;             /* buttons, tags, inputs                    */
  --radius-card: 8px;           /* cards, panels                            */
  --radius-callout: 12px;       /* chronicle TOC, callouts                  */

  /* -- Elevation & motion ------------------------------------------------ */
  --shadow-panel: 0 2px 10px rgba(0, 0, 0, 0.05);
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-lift: 0 5px 15px rgba(0, 0, 0, 0.2);
  --ease-calm: 0.25s ease;
  --ease-zoom: 0.5s ease;

  /* -- Legacy aliases (existing rules reference these) ------------------- */
  --primary-color: var(--ink-900);
  --secondary-color: var(--ink-700);
  --accent-color: #c8e6c9;
  --text-color: var(--ink-700);
  --background-color: var(--paper);
  --border-color: var(--line-200);
  --shadow-color: rgba(0, 0, 0, 0.1);
  --font-serif: "EB Garamond";
  --font-sans: "Public Sans", "Inter Tight", sans-serif;
  --button-colour: var(--teal-700);
}