/* ══════════════════════════════════════════════════════════
   BMB — Design tokens
   Verbatim port of the Catalyst Architecture Blueprint palette.

   Source:
     /Architecture/2026/Blueprint/public/blueprint.css
     lines :14-81 — brand + atmospherics + spacing + type + radii + grid

   Drift between this file and bmb/render/brand.py is a bug
   (REFACTOR.md §5.11). Do not invent tokens here.
   ══════════════════════════════════════════════════════════ */

@import url("fonts.css");

:root {
  /* ── EverDriven brand (blueprint.css:14-30) ── */
  --primary:        #26265E;
  --primary-90:     #2D2D6B;
  --primary-80:     #353579;
  --primary-60:     #4A4A9A;
  --secondary:      #3FC7A0;      /* teal — laser line, never a wash */
  --secondary-deep: #2BA87F;
  --accent:         #3673B0;
  --neutral:        #788492;
  --sand:           #F4F4EF;
  --ink:            #0F172A;
  --white:          #FFFFFF;
  --danger:         #C62828;
  --warning:        #E65100;
  --success:        #2E7D32;
  --surface:        #EDEDEA;

  /* ── Atmospherics (blueprint.css:32-40) ── */
  --glow-teal:         rgba(63, 199, 160, 0.12);
  --glow-accent:       rgba(54, 115, 176, 0.08);
  /* Drafting-paper grid lines. Visible enough that the body unmistakably
     reads as a technical-drawing surface, subtle enough to stay atmosphere
     not noise. Strong grid is the major 120 px cells; fine grid is the
     24 px subdivisions. */
  --grid-line: rgba(38, 38, 94, 0.035);
  --grid-line-strong: rgba(38, 38, 94, 0.06);
  --shadow-subtle: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-card:   0 2px 8px rgba(15, 23, 42, 0.05),
                   0 12px 40px rgba(15, 23, 42, 0.04);
  --shadow-lift:   0 8px 32px rgba(15, 23, 42, 0.10),
                   0 2px 8px  rgba(15, 23, 42, 0.04);
  --shadow-hero:   0 20px 60px rgba(15, 23, 42, 0.15);

  /* Derived — 1px teal laser line at 20% alpha (REFACTOR.md §5.7). */
  --teal-line-20: rgba(63, 199, 160, 0.2);

  /* ── Spacing (blueprint.css:42-46) ── */
  --sp-2: 2px;   --sp-4: 4px;   --sp-8: 8px;   --sp-12: 12px;
  --sp-16: 16px; --sp-24: 24px; --sp-32: 32px; --sp-40: 40px;
  --sp-48: 48px; --sp-64: 64px; --sp-80: 80px; --sp-96: 96px;
  --sp-128: 128px;

  /* ── Type (blueprint.css:48-52) ── */
  --font-display: 'DM Sans', system-ui, sans-serif;
  --font-body:    'Plus Jakarta Sans', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'SF Mono', monospace;

  /* ── Layout (blueprint.css:54-58) ── */
  --content-max:  1100px;
  --content-wide: 1280px;
  --radius:       10px;
  --radius-lg:    16px;
}
