/* =============================================================
   SHOREPINE GOVERNMENT RELATIONS — Design Tokens
   Source of truth for all brand variables.
   Every CSS file imports this first.
   ============================================================= */

:root {

  /* ── COLORS ─────────────────────────────────────────────── */

  /* Forest greens (primary brand color) */
  --forest:       #1a4a2e;   /* Primary — nav, hero, footer, cards */
  --forest-lt:    #2a6040;   /* Hover states, lighter surfaces */
  --forest-dk:    #122e1d;   /* Deepest — footer band, overlays */
  --forest-faint: rgba(26,74,46,0.06); /* Subtle tint on white */

  /* Parchment (page backgrounds) */
  --parchment:    #f5f0e6;   /* Primary page bg */
  --parchment-dk: #ece5d4;   /* Alternate sections, cards */
  --parchment-lt: #faf8f3;   /* Lightest cream */

  /* Brass (accent — headings, rules, borders, highlights) */
  --brass:        #b8975a;   /* Primary accent */
  --brass-lt:     #d4b27e;   /* Lighter — sidebar text, hover */
  --brass-pale:   #f7f0e3;   /* Very pale — card bg, callouts */
  --brass-dk:     #8a6e3a;   /* Darker — pressed states */

  /* Slate (body copy) */
  --slate:        #4a5060;   /* All body copy — WCAG AA 6.2:1 */

  /* Ink (text) */
  --ink:          #1c1c1c;   /* High-emphasis text — WCAG AAA 17.5:1 */
  --ink-mid:      #444444;   /* Secondary text */
  --ink-faint:    #6b6b6b;   /* Tertiary, captions */
  --ink-ghost:    #999999;   /* Disabled, placeholders */

  /* Structural */
  --border:       #ddd5c0;   /* Dividers, card borders */
  --border-lt:    #ede8da;   /* Lighter dividers */
  --white:        #ffffff;

  /* Semantic */
  --alert:        #7a2e1a;
  --alert-lt:     #f5ebe6;
  --success:      #1a4a2e;   /* Reuse forest */

  /* ── TYPOGRAPHY ─────────────────────────────────────────── */
  --font-serif:   'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-mono:    'Karla', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-sans:    'Karla', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Scale */
  --text-xs:   0.6875rem;   /* 11px — DM Mono labels */
  --text-sm:   0.8125rem;   /* 13px — captions, footnotes */
  --text-base: 0.9375rem;   /* 15px — body */
  --text-md:   1.0625rem;   /* 17px — lead */
  --text-lg:   1.25rem;     /* 20px — subheadings */
  --text-xl:   1.5rem;      /* 24px — section headings */
  --text-2xl:  2rem;        /* 32px */
  --text-3xl:  2.75rem;     /* 44px */
  --text-4xl:  3.75rem;     /* 60px — hero */

  /* Line heights */
  --leading-tight:  1.15;
  --leading-snug:   1.3;
  --leading-normal: 1.55;
  --leading-relaxed:1.75;

  /* Letter spacing */
  --tracking-tight:  -0.01em;
  --tracking-normal:  0;
  --tracking-wide:    0.08em;
  --tracking-wider:   0.14em;
  --tracking-widest:  0.22em;

  /* ── SPACING ─────────────────────────────────────────────── */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   24px;
  --space-6:   32px;
  --space-7:   48px;
  --space-8:   64px;
  --space-9:   96px;
  --space-10: 128px;

  /* Layout */
  --max-width:   1200px;
  --content-width: 780px;    /* Prose / article max */
  --nav-height:  76px;
  --topbar-height: 34px;
  --section-pad: var(--space-9);

  /* ── BORDERS & RADIUS ────────────────────────────────────── */
  --radius-sm:  3px;
  --radius-md:  6px;
  --radius-lg: 12px;

  /* ── SHADOWS ─────────────────────────────────────────────── */
  --shadow-sm:  0 1px 4px rgba(0,0,0,0.08);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg:  0 8px 40px rgba(0,0,0,0.14);
  --shadow-card: 0 2px 8px rgba(26,74,46,0.06);

  /* ── TRANSITIONS ─────────────────────────────────────────── */
  --ease:       220ms ease;
  --ease-slow:  400ms ease;
  --ease-fast:  140ms ease;

  /* ── GRADIENTS ───────────────────────────────────────────── */
  --brass-gradient: linear-gradient(90deg, var(--brass) 0%, var(--brass-lt) 55%, transparent 100%);
  --forest-gradient: linear-gradient(135deg, var(--forest-dk) 0%, var(--forest) 100%);
  --hero-overlay: linear-gradient(to bottom, rgba(18,46,29,0.72) 0%, rgba(18,46,29,0.55) 60%, rgba(18,46,29,0.70) 100%);
}