/*
 * 5E Intel — Design Tokens (Phase 3G)
 * "Archival Warmth" direction — see Section 10 of platform_overhaul_brief.md
 *
 * Scope: all project-facing surfaces. Admin, Twins, and core survey
 * interface stay on Bootstrap defaults until Phase 3H completes.
 */

:root {
  /* ── Typography ─────────────────────────────────────────────────────────── */
  --font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', ui-monospace, monospace;

  /* ── Colour — warm paper base, ink accents, terracotta CTA ─────────────── */
  --paper:        #FBF7F1;   /* canvas / page background */
  --paper-sunk:   #F2EBDE;   /* recessed surfaces, cards */
  --paper-raised: #FFFFFF;   /* elevated cards */
  --ink:          #1F1B16;   /* primary text */
  --ink-mute:     #5B5449;   /* secondary / muted text */
  --rule:         #E3DBC9;   /* hairlines, dividers */
  --accent:       #B4410E;   /* terracotta — CTAs, active markers */
  --accent-light: #FCE8DF;   /* terracotta tint — hover backgrounds */
  --accent-cool:  #2B4C5E;   /* deep teal — links, info */
  --accent-cool-light: #DDE8ED; /* teal tint */
  --danger:       #8C2F1A;
  --success:      #3B5B2A;
  --warning:      #92400E;

  /* ── Spacing — 1.25 modular scale ──────────────────────────────────────── */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  20px;
  --s-5:  32px;
  --s-6:  52px;
  --s-7:  84px;
  --s-8:  136px;

  /* ── Radius ─────────────────────────────────────────────────────────────── */
  --radius-sm:    4px;
  --radius:       6px;
  --radius-md:    10px;
  --radius-lg:    16px;
  --radius-pill:  999px;

  /* ── Elevation — ink-based shadows, not blur-based ─────────────────────── */
  --shadow-hair:  0 1px 0 rgba(31,27,22,0.06);
  --shadow-card:  0 1px 2px rgba(31,27,22,0.05), 0 12px 32px -18px rgba(31,27,22,0.20);
  --shadow-lift:  0 2px 4px rgba(31,27,22,0.06), 0 28px 56px -22px rgba(31,27,22,0.30);

  /* ── Motion ─────────────────────────────────────────────────────────────── */
  --ease:         cubic-bezier(.2,.7,.1,1);
  --dur-fast:     160ms;
  --dur:          320ms;
  --dur-slow:     480ms;

  /* ── Project-type colour palette ────────────────────────────────────────── */
  --type-family-color:   #92400E;
  --type-family-bg:      #FEF3C7;
  --type-team-color:     #0369A1;
  --type-team-bg:        #E0F2FE;
  --type-expert-color:   #5B21B6;
  --type-expert-bg:      #EDE9FE;
  --type-oral-color:     #065F46;
  --type-oral-bg:        #D1FAE5;
  --type-consumer-color: #9D174D;
  --type-consumer-bg:    #FCE7F3;
  --type-general-color:  #374151;
  --type-general-bg:     #F3F4F6;
}