/* ============================================================================
   Themis · Design Tokens — Dirección B · Bench (marca elegida para V1)
   Fuente: brandbook Themis (themis.pdf, Claude Design) · 2026-07-02
   Uso: importá este archivo y trabajá con las variables. No hardcodees hex.
   ============================================================================ */

:root {
  /* ---- SUPERFICIES ---- */
  --bg-paper:   #FAFAF7;   /* fondo de la app (sustrato) */
  --bg-card:    #FFFFFF;   /* tarjetas, inputs, superficies elevadas */
  --bg-mist:    #E8ECEF;   /* superficie suave, barras de progreso, hovers fríos */

  /* ---- TINTA (texto) ---- */
  --ink:        #0D1117;   /* texto primario · botón oscuro */
  --ink-slate:  #1F2937;   /* texto secundario fuerte */
  --ink-steel:  #5A6B80;   /* texto muted · elementos "roadmap"/deshabilitados */
  --ink-faint:  #8A97A6;   /* captions, labels chiquitos */

  /* ---- MARCA (azul) ---- */
  --midnight:   #0D3B66;   /* AZUL PRIMARIO de marca · el punto de verificación (•) */
  --action:    #1C5D99;    /* azul de acción · links · foco */

  /* ---- SEMÁNTICOS (estado de cita/norma) ---- */
  --verified:    #2D6A4F;  --verified-bg:  #E7F1EC;  /* validado · vigente */
  --contested:   #9C2A2A;  --contested-bg: #F7E9E7;  /* contradicho · derogado */
  --caution:     #B8860B;  --caution-bg:   #F7EFD8;  /* atención · "se destraba con corpus" */

  /* ---- LÍNEAS ---- */
  --line:   #E4E7EA;       /* borde estándar (hairline) */
  --line-2: #D3D7DB;       /* borde más marcado (botones ghost, inputs) */

  /* ---- TIPOGRAFÍA ---- */
  /* Cargar por @font-face/Google Fonts: Fraunces, Inter, JetBrains Mono */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;   /* SOLO títulos */
  --font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  /* Regla: nunca mezclar Fraunces con otro serif. tabular-nums en números. */

  /* ---- ESCALA TIPOGRÁFICA (B·Bench) ---- */
  --t-display: 400;  /* Fraunces 400 · tracking -3% · títulos grandes */
  --t-subhead: 600;  /* Inter 600 · 22px / 1.3 */
  --t-body:    400;  /* Inter 400 · 16px / 1.55 */
  --t-mono:    400;  /* JetBrains Mono 400 · 13px / +.04em · citas, norma_id, IDs */

  /* ---- FORMA ---- */
  --radius:     8px;       /* radio estándar en todo (B·Bench) */
  --radius-pill: 999px;    /* solo chips de estado */
  --shadow-sm: 0 1px 2px rgba(13,17,23,.05);
  --shadow-md: 0 1px 3px rgba(13,17,23,.05), 0 10px 26px rgba(13,17,23,.04);

  /* ---- ESPACIADO (múltiplos de 4) ---- */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-6: 24px; --sp-8: 32px; --sp-12: 48px;
}

/* ============================================================================
   REFERENCIA · las otras dos direcciones del brandbook (NO usar en V1;
   quedan documentadas por si alguna vez se necesita el registro marketing/editorial).
   ---------------------------------------------------------------------------
   A · COURT  (marketing / editorial premium — crema + oro + Garamond)
     Ink #1A1612 · Bench #3D342A · Sigil Gold #A68A4D · Parchment #E8DEC8
     Vellum #F4EFE6 · Page #FBF6EC · Citation Red #7A1F1F · Verified #2D4A2B
     Margin #7A6644 · Foxing #C4B794
     Type: Fraunces (display) + EB Garamond (body) + JetBrains Mono. Sin segundo sans.
     Wordmark: "Themis." con terminal itálica en oro + punto. Esquinas duras, filetes finos.

   C · CODEX  (editorial extremo — blanco/negro + bordeaux)
     Ink #0A0A0A · Graphite #3A3A3A · Bordeaux #6E1818 · Quiet #888888
     Hair #E8E8E8 · Page #FFFFFF · Bordeaux deep #3D2424 · Verified #0F3D2E · Caution #5A3A0A
     Type: Fraunces 300 + Fraunces itálica (uso ceremonial) + Inter + JetBrains Mono.
     Wordmark: "The<i>mis</i>" con el "mis" subrayado en bordeaux. Sin sombras, esquinas duras.
   ============================================================================ */