/* CCR — design tokens. Fuente única de color y tipografía de la plataforma.
   Marca oficial: Manual de Normas Gráficas (ver docs/design/README.md).
   REGLA DURA: no agregar aquí colores destinados a mostrar costos/márgenes/ventas. */
:root {
  /* Marca (oficial) */
  --cr-orange: #CB5226;
  --cr-orange-600: #b9461c;   /* hover/pressed (derivado) */
  --cr-navy: #2B3775;
  --cr-navy-300: #5566b8;     /* navy claro: acentos/links/info sobre oscuro */

  /* Superficies (oscuro, tinte navy) */
  --bg: #0f1320;
  --surface: #161b2b;
  --surface-2: #1e2438;
  --border: #2a3148;

  /* Texto */
  --fg: #e8ebf2;
  --fg-muted: #9aa4ba;
  --fg-subtle: #6b7488;

  /* Estados */
  --ok: #3fb950;
  --warn: #d6a019;
  --danger: #e5534b;
  --danger-soft: #2a1518;     /* fondo de banner de error sobre oscuro */
  --info: var(--cr-navy-300);

  /* Texto sobre color de marca (botones) */
  --on-accent: #ffffff;

  /* Tipografía */
  --font-sans: "Saira", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Forma */
  --radius: 10px;
  --radius-sm: 6px;
}