/* ===========================================================================
   Multimode Mind — design tokens.
   Every color, type, and spacing decision on the site originates here.
   Retune the site by editing this file only.
   ========================================================================= */

:root {
  /* --- Phosphor palette -------------------------------------------------
     Not one "acid green" on black. CRT phosphors (P1, P3, P31) each burned a
     different green, and a phosphor persists and fades rather than glowing.
     That range gives four distinguishable greens from one honest family —
     which is exactly what four-stores-converging needs. */

  --void:          #050706;  /* green-black, never neutral black */
  --surface:       #0b100c;
  --surface-raised:#131b15;
  --rule:          #1e2a21;  /* hairlines, borders */
  --rule-bright:   #2d3f33;

  --phosphor-dim:  #7d9184;  /* body text — desaturated, legible, not glowing */
  --phosphor-mid:  #a9c2b1;  /* secondary text */
  --phosphor-live: #c4ffd4;  /* headlines, primary text */

  /* The four store channels. Separated by hue *within* green, so the family
     never breaks. Each is also paired with a distinct texture in the
     signature section, so the concept survives grayscale and colorblindness. */
  --store-notes:      #8fe86b;  /* yellow-green, warm end (P1) */
  --store-structured: #4fe38c;  /* true green (P3) */
  --store-files:      #35d6a8;  /* cool green */
  --store-semantic:   #2fc7c0;  /* far cool edge (P31), still in-family */

  /* The converged bundle: the four resolved into one. */
  --bundle:        #d8ffe4;

  --danger:        #e8735f;  /* only for "is not" markers */

  /* --- Type -------------------------------------------------------------
     Space Grotesk: engineered grotesque, mechanical apertures — instrument
     panel, not startup sans. IBM Plex Mono: the actual vernacular of the
     subject (terminals, MCP, TypeScript). Inter: calm body legibility. */
  --font-display: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  --font-body:    'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Fluid type scale — clamps so it never needs a media query to breathe. */
  --t-display:  clamp(2.5rem, 1.4rem + 4.6vw, 5.25rem);
  --t-h2:       clamp(1.75rem, 1.15rem + 2.4vw, 3rem);
  --t-h3:       clamp(1.05rem, 0.95rem + 0.4vw, 1.25rem);
  --t-lead:     clamp(1.05rem, 0.98rem + 0.35vw, 1.3rem);
  --t-body:     1rem;
  --t-small:    0.8125rem;
  --t-micro:    0.6875rem;

  --tracking-eyebrow: 0.16em;
  --tracking-tight:  -0.022em;

  /* --- Space — 4px base ------------------------------------------------- */
  --s-1: 0.25rem;  --s-2: 0.5rem;   --s-3: 0.75rem;  --s-4: 1rem;
  --s-5: 1.5rem;   --s-6: 2rem;     --s-7: 3rem;     --s-8: 4rem;
  --s-9: 6rem;     --s-10: 8rem;

  --section-y: clamp(4.5rem, 9vw, 9rem);
  --measure:   66ch;      /* body copy line length */
  --gutter:    clamp(1.25rem, 4vw, 2.5rem);
  --max-w:     1160px;

  --radius:      2px;   /* engineered, not rounded-friendly */
  --radius-lg:   4px;

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}