/* ============================================================
   Intense Visions — REDESIGN CONCEPT v3 · design tokens
   Single source of truth. Archetype F — Boxed spec-sheet grid.

   The third direction (A/B/C of concepts):
   - v1 (C): light editorial serif — "restraint reads as senior."
   - v2 (D): dark cyan console — "own the engineering identity."
   - v3 (F): ENGINEERING DATASHEET / blueprint title-block — the
     studio's work presented as a technical drawing. Everything
     lives in ruled, bordered cells; a drawing schedule, a spec
     table, dimension-line motifs. The structure argues the case.

   Direction rationale (traces to dossier.md):
   - DRAFTING-PAPER light + BLUEPRINT-BLUE accent. Blue is IV's real
     secondary (#3b82f6 on the live site) — honest, and it separates
     v3 from v2's cyan.
   - IBM PLEX SANS + PLEX MONO — the archetypal engineering-doc
     superfamily (NOT Newsreader, NOT Space Grotesk). Mono carries
     every label/value; sans carries headers. Reads like a spec sheet.
   - Zero decorative gradients by design; the texture is RULES.
   ============================================================ */

@font-face { font-family: "Plex Sans"; src: url("assets/plex-sans-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: optional; }
@font-face { font-family: "Plex Sans"; src: url("assets/plex-sans-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: optional; }
@font-face { font-family: "Plex Mono"; src: url("assets/plex-mono-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: optional; }
@font-face { font-family: "Plex Mono"; src: url("assets/plex-mono-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: optional; }

:root {
  --font-display: "Plex Sans", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;
  --font-body: "Plex Sans", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;
  --font-mono: "Plex Mono", ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;

  --step--1: clamp(0.78rem, 0.74rem + 0.16vw, 0.88rem);
  --step-0:  clamp(1.0rem, 0.96rem + 0.26vw, 1.13rem);
  --step-1:  clamp(1.18rem, 1.08rem + 0.46vw, 1.45rem);
  --step-2:  clamp(1.45rem, 1.28rem + 0.85vw, 2.0rem);
  --step-3:  clamp(1.85rem, 1.55rem + 1.5vw, 2.85rem);
  --step-4:  clamp(2.3rem, 1.8rem + 2.5vw, 3.9rem);
  --step-5:  clamp(2.8rem, 2.0rem + 3.9vw, 5.6rem);   /* title-block headline */

  --label-sm: 0.66rem;
  --w-reg: 400; --w-semi: 600;

  --space-1: 0.4rem; --space-2: 0.65rem; --space-3: 1rem; --space-4: 1.6rem;
  --space-5: 2.4rem; --space-6: 3.6rem;
  --space-7: clamp(3.2rem, 2.5rem + 2.4vw, 5rem);

  /* datasheet = crisp corners */
  --radius-sm: 2px; --radius: 4px; --radius-pill: 999px;
  --rule: 1px;              /* the grid line weight */
  --rule-strong: 2px;

  --gutter: clamp(1.1rem, 4.5vw, 2.4rem);
  --measure: 42rem; --plate: 62rem; --wide: 78rem;

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur: 200ms;

  /* theme-INDEPENDENT title-block bar (the dark drawing header strip) */
  --block:          #14171d;
  --ink-on-block:   #eef1f5;
  --ink-2-on-block: #9aa4b2;
  --accent-on-block:#5b9bff;   /* blueprint blue, AA on --block */
  --line-on-block:  #2b3340;
}

/* ===== Light (drafting paper) = DEFAULT ===== */
:root, :root[data-theme="light"] {
  --color-bg:        #eef1f4;   /* cool drafting paper */
  --color-surface:   #ffffff;   /* cells */
  --color-surface-2: #e4e8ed;
  --color-ink:       #14171d;
  --color-ink-2:     #454e5c;   /* AA on paper + surface */
  --color-ink-3:     #626c7a;   /* AA meta */
  --color-line:      #cfd6de;   /* grid rules (visible) */
  --color-line-2:    #aab2bd;   /* stronger rules */
  --accent:          #1f5fd0;   /* blueprint blue — AA text on paper/surface */
  --accent-strong:   #17489f;
  --accent-soft:     #e7eefb;   /* faint blue cell wash */
  --accent-ink:      #ffffff;   /* text on solid blue */
  --tick:            #9aa4b2;   /* dimension-line / crosshair ticks */
  --shadow-1: 0 1px 0 var(--color-line);
}

/* ===== Dark (backlit blueprint) = opt-in ===== */
:root[data-theme="dark"] {
  --color-bg:        #0c0e13;
  --color-surface:   #12151c;
  --color-surface-2: #191d26;
  --color-ink:       #eef1f5;
  --color-ink-2:     #a6b0bd;
  --color-ink-3:     #79838f;
  --color-line:      #232833;
  --color-line-2:    #333b47;
  --accent:          #5b9bff;   /* blueprint blue reads bright on dark */
  --accent-strong:   #8fbaff;
  --accent-soft:     #131f33;
  --accent-ink:      #06152b;
  --tick:            #3a4453;
  --shadow-1: 0 1px 0 var(--color-line);
}