/* ============================================================
   CONSUMER COPY. Do not hand-edit values here.
   MASTER: aibuild-lab/the-studio design-system/field-manual/tokens.css
           (+ field-manual.design.md, the hard rules) @ eb8f88c
   Copied per the-studio design-system/RESKIN-CONTRACT.md section 6
   (plain duplication with provenance; decks stay self-contained).
   Consumed by: AI-Build-Lab/Essentials/decks/* (installer decks +
   Essentials deck). Change the master first, then re-copy.
   ------------------------------------------------------------
   The type/space scale after the master block is the design-elite
   fixture addition (~/dev/design-elite fixtures/field-manual/tokens.css,
   branch init/scaffold) that the canonical procedure-kit, callout-family
   and terminal-block components consume. Same provenance rule.
   ============================================================ */

/* ============================================================
   AI BUILD LAB — FIELD MANUAL tokens
   The light, neo-brutalist theme. Canonical token package.
   Spec: ./field-manual.design.md   Proof: ./gallery.html
   ------------------------------------------------------------
   Consumed two ways:
   1) Standalone (gallery / morning-brief): use :root below.
   2) Portal theme: wrap the SAME declarations in
      html[data-theme="field-manual"] { ... } so the dark
      "terminal" theme stays the default.  These are tokens that
      include STRUCTURE (radius/border/shadow/pattern), not just
      color — a color-only swap will NOT produce the Field Manual.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  /* -------- Surfaces & ink -------- */
  --paper:        #F4F1EA;
  --paper-2:      #E8E3D6;
  --paper-3:      #DDD7CA;
  --surface:      #FFFFFF;
  --terminal-bg:  #080808;
  --ink:          #111111;
  --ink-2:        #3A3A3A;
  --ink-3:        #7A7A7A;
  --ink-border:   rgba(17,17,17,0.10);   /* hairline dividers inside cards */
  --grid:         rgba(17,17,17,0.05);    /* graph-paper lines */

  /* -------- Accents -------- */
  --lime:       #C8FF00;   /* CANONICAL primary — unified HOT 06-29-2026 (reversible) */
  --lime-soft:  #DBFB6B;   /* retained calm variant: low-glare light fills / quick revert */
  --lime-dim:   rgba(200,255,0,0.16);
  --blue:       #00D4FF;
  --coral:      #FF6B6B;
  --teal:       #4ECDC4;
  --success:    #00D084;   /* live/verified — the only soft-glow exception */
  --caution:    #FF3300;   /* hot-dialect urgency CTA / warn */
  --on-lime:    #111111;   /* text on lime */

  /* -------- Structure (the part a color swap can't capture) -------- */
  --fm-border-w:   2px;
  --fm-border-w-lg:3px;    /* hero / file-tab cards */
  --fm-radius:     4px;    /* never pill, never > 6px */
  --fm-shadow-sm:  3px 3px 0 var(--ink);
  --fm-shadow:     6px 6px 0 var(--ink);
  --fm-shadow-lg:  9px 9px 0 var(--ink);
  --fm-grid-size:  28px;
  --fm-tilt:       0.35deg;

  /* -------- Type -------- */
  --font-display: 'Space Grotesk', -apple-system, sans-serif;
  --font-body:    'Inter', -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* -------- Motion -------- */
  --fm-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --fm-snap: 0.13s;
}

/* Portal theme mirror — paste-ready. Keep values identical to :root above.
   (Commented so this file is safe to load standalone; uncomment when wiring
   the portal toggle, and remove the :root duplication there.)

html[data-theme="field-manual"] {
  --paper: #F4F1EA; --paper-2:#E8E3D6; --surface:#FFFFFF; --ink:#111;
  --grid: rgba(17,17,17,0.05);
  --lime:#C8FF00; --lime-soft:#DBFB6B; --blue:#00D4FF; --coral:#FF6B6B; --teal:#4ECDC4;
  --fm-border-w:2px; --fm-radius:4px; --fm-shadow:6px 6px 0 var(--ink);
  --fm-grid-size:28px;
}
*/

::selection { background: var(--lime); color: var(--ink); }

/* -------- design-elite fixture additions (scales + tints) -------- */
:root {
  --tint-info:#E3F5FF; --tint-warn:#FFEBEB; --tint-prompt:#F3FFD8;
  --tape:rgba(255,247,185,0.82); --tape-border:rgba(0,0,0,0.13);
  --cream-border:rgba(17,17,17,0.10);
  --text-xs:12px; --text-sm:14px; --text-base:17px; --text-lg:20px;
  --text-xl:24px; --text-2xl:34px; --text-3xl:40px;
  --leading-body:1.55; --leading-display:1.24;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-7:28px; --space-8:32px;
  --space-9:36px; --space-10:40px; --space-11:44px; --space-12:48px;
}