/* =============================================================================
   GEDDES BLACKSMITHING — design tokens (single source of truth)
   These CSS custom properties are the canonical brand values. When the Next.js
   app is scaffolded, these map 1:1 into the Tailwind config theme (see
   brand/design-tokens.md). Components reference tokens only — never raw hex.
   Palette per Martin's chosen direction: charcoal + warm off-white + burgundy.
   ============================================================================= */
:root {
  /* ---- Colour: charcoal (near-black ink) ---- */
  --color-charcoal-900: #100D0B;   /* deepest — footers, overlays */
  --color-charcoal-800: #161311;   /* crest ink, dark sections */
  --color-charcoal-700: #1E1A17;   /* raised dark surface */
  --color-charcoal-600: #2A2521;   /* hairlines on dark */

  /* ---- Colour: warm off-white (paper) ---- */
  --color-paper-50:  #FBF8F2;      /* page background */
  --color-paper-100: #F4EEE3;      /* crest field, cards on dark */
  --color-paper-200: #E7DECC;      /* borders, dividers on light */

  /* ---- Colour: iron grey (neutral text) ---- */
  --color-iron-500: #6B635B;       /* secondary text on paper */
  --color-iron-400: #8B837A;       /* muted / captions */

  /* ---- Colour: burgundy (single accent) ---- */
  --color-burgundy-600: #8C1D1D;   /* primary accent — the G, CTAs, links */
  --color-burgundy-800: #550000;   /* deep variant — hovers, pressed, gradients */

  /* ---- Semantic roles ---- */
  --bg-page: var(--color-paper-50);
  --bg-dark: var(--color-charcoal-800);
  --text-strong: var(--color-charcoal-800);
  --text-body: #322C27;
  --text-muted: var(--color-iron-500);
  --text-on-dark: var(--color-paper-100);
  --accent: var(--color-burgundy-600);
  --accent-deep: var(--color-burgundy-800);
  --line: var(--color-paper-200);

  /* ---- Typography ---- */
  /* Display echoes the crest's engraved slab G (Rockwell). Production web
     equivalent: license Rockwell or substitute Zilla Slab / Roboto Slab. */
  --font-display: 'Rockwell', 'Roboto Slab', 'Zilla Slab', Georgia, serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;

  /* Type scale — 1.25 minor-third */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --text-4xl: 3rem;
  --text-5xl: 3.75rem;
  --text-6xl: 4.75rem;

  --leading-tight: 1.05;
  --leading-snug: 1.25;
  --leading-normal: 1.6;
  --tracking-wide: 0.14em;   /* eyebrows, the CAPTA MAJORA motto */
  --tracking-caps: 0.06em;

  /* ---- Spacing (4px base) ---- */
  --space-1: 0.25rem; --space-2: 0.5rem;  --space-3: 0.75rem; --space-4: 1rem;
  --space-6: 1.5rem;  --space-8: 2rem;    --space-12: 3rem;   --space-16: 4rem;
  --space-24: 6rem;   --space-32: 8rem;

  /* ---- Radii / shadow / measure ---- */
  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 14px;
  --shadow-card: 0 1px 2px rgba(16,13,11,.06), 0 12px 32px rgba(16,13,11,.10);
  --measure: 68ch;                 /* max readable line length */
  --container: 1200px;
}