/* ─────────────────────────────────────────────────────────
   EthoraLab — Design Tokens
   v01.0 · 2026
   ───────────────────────────────────────────────────────── */

:root {
  /* ─ Base Colors ─ */
  --ink:       #0B1220;
  --ink-2:     #111A2E;
  --ink-3:     #1E293B;
  --paper:     #F2F2EF;
  --paper-2:   #E8E8E4;
  --mid:       #475569;
  --mid-light: #94A3B8;

  /* ─ Signal Colors ─ */
  --signal-y: #FACC15;  /* Exploración · en curso      */
  --signal-p: #F472B6;  /* Human-loop · criterio humano */
  --signal-g: #34D399;  /* Validado · cerrado · firmado */

  /* ─ Lines ─ */
  --line-dark:  rgba(255, 255, 255, 0.08);
  --line-light: rgba(255, 255, 255, 0.16);

  /* ─ Typography ─ */
  --font-sans: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'Space Mono', 'Courier New', monospace;

  /* ─ Spacing (base: 8px) ─ */
  --sp-4:   4px;
  --sp-8:   8px;
  --sp-12:  12px;
  --sp-16:  16px;
  --sp-24:  24px;
  --sp-32:  32px;
  --sp-48:  48px;
  --sp-64:  64px;
  --sp-80:  80px;
  --sp-96:  96px;
  --sp-128: 128px;

  /* ─ Grid ─ */
  --grid-unit: 24px;

  /* ─ Motion ─ */
  --ease-step: steps(4, end);
  --ease-text: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-action: 120ms;
  --dur-state:  240ms;
  --dur-block:  480ms;

  /* ─ Radius ─ */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
}