/* ============================================================================
   Matlan — design tokens (v2: "dark, but professional")
   Flat near-black · hairline borders · ONE green action accent ·
   Lora serif for reading, system sans for chrome.
   The vector triad (i/j/k) is a CONTENT color: it lives inside scenes only.
   ========================================================================== */

:root {
  /* ---- canvas layers (neutral near-black, no tint) ---- */
  --bg-0: #101012;          /* page */
  --bg-1: #161619;          /* surface: sidebar, panels */
  --bg-2: #1c1c20;          /* raised: hover, inputs */
  --bg-3: #232328;          /* active items */
  --bg-scene: #0b0b0d;      /* scene canvas — darker than page, border-framed */

  /* ---- ink ---- */
  --ink-hi: #f1f1ee;        /* primary text  (15:1 on bg-0) */
  --ink-mid: #b6b6ba;       /* secondary     ( 8:1) */
  --ink-low: #8a8a90;       /* labels, muted ( 4.7:1) */

  /* ---- single action accent (Brilliant-style green, tuned for dark) ---- */
  --acc: #3ecf6e;
  --acc-hover: #5ad986;
  --acc-ink: #0a2413;       /* text on accent */
  --acc-soft: rgba(62, 207, 110, .10);
  --danger: #e5484d;

  /* ---- content-only vector triad (never for chrome) ---- */
  --vec-i: #ff7a70;
  --vec-j: #3fd6c2;
  --vec-k: #ffc069;

  /* ---- lines & shadows (borders do the work; shadows nearly none) ---- */
  --line: rgba(255, 255, 255, .07);
  --line-strong: rgba(255, 255, 255, .14);
  --shadow-1: 0 1px 0 rgba(0, 0, 0, .4);

  /* ---- typography ---- */
  --serif: "Lora", Georgia, "Times New Roman", serif;
  --sans: system-ui, "Segoe UI", Roboto, Arial, sans-serif;
  --mono: ui-monospace, "Cascadia Mono", Consolas, "Courier New", monospace;

  --fs-0: .72rem;   /* labels, mono caps */
  --fs-1: .875rem;  /* small */
  --fs-2: 1rem;     /* ui base */
  --fs-3: 1.15rem;  /* lead */
  --fs-4: 1.4rem;   /* h3 / card titles */
  --fs-5: 1.75rem;  /* h2 */
  --fs-6: clamp(1.8rem, 1.2rem + 2.2vw, 2.5rem); /* h1 */

  /* ---- rhythm (tighter than v1: density up) ---- */
  --sp-1: .3rem;
  --sp-2: .55rem;
  --sp-3: .85rem;
  --sp-4: 1.2rem;
  --sp-5: 1.8rem;
  --sp-6: 2.6rem;
  --sp-7: 3.8rem;

  --col-prose: 70ch;
  --radius: 6px;
  --radius-s: 4px;

  --speed: 140ms;
  --ease: cubic-bezier(.2, .7, .3, 1);
}