:root {
  /*
    Tokens de marca: el sistema privilegia una base editorial sobria sobre
    acentos SaaS. La regla operativa es 80% tinta/papel/superficie y 20%
    color funcional para acciones, foco y estados de negocio.
  */
  --color-ink: #111111;
  --color-ink-soft: #2F2F2F;
  --color-graphite: #3F3F46;
  --color-muted: #64748B;
  --color-line: #D8D6D1;
  --color-paper: #F7F6F2;
  --color-surface: #FFFFFF;
  --color-surface-raised: #FBFAF7;

  --color-action: #2563FF;
  --color-action-strong: #1746C8;
  --color-accent: #FF5A3C;

  /* Semaforo de Viabilidad: los estados nunca deben depender solo del color. */
  --color-success: #00B37A;
  --color-warning: #FFB800;
  --color-danger: #FF2D55;
  --color-neutral: #64748B;

  --font-editorial: "STIX General", "Times New Roman", Georgia, serif;
  --font-operational: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-data: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --tracking-editorial: 0.01em;
  --tracking-ui: 0.04em;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: 1.375rem;
  --text-xl: clamp(2.25rem, 5vw, 4.5rem);
  --text-h2: clamp(1.875rem, 3vw, 3rem);

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;

  --shadow-soft: 0 1rem 3rem rgb(17 17 17 / 0.08);
  --container-max: 72rem;
}