/*
 * @cruech/design-tokens — tokens-vars.css
 * -----------------------------------------------------------------------
 * Misma fuente de verdad que tokens.css / tokens.json, en formato de
 * CSS custom properties planas (:root), para consumidores que NO usan
 * Tailwind v4 (ej. WHMCS, Blade con <style> inline, futuros paneles).
 *
 * NO editar a mano: se genera 1:1 desde tokens.css/tokens.json. Si cambia
 * un valor allá, se regenera este archivo con los mismos valores.
 *
 * Uso: <link rel="stylesheet" href=".../tokens-vars.css"> y luego
 *   color: var(--color-brand-500);
 *   background: var(--color-ink-950);
 */
:root {
  /* ---- Tipografía ---- */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-heading: 'Sora', 'Inter', system-ui, -apple-system, sans-serif;

  /* ---- Naranja de marca y variantes tonales ---- */
  --color-brand-50: #fff1eb;
  --color-brand-100: #ffe0d1;
  --color-brand-200: #ffc0a3;
  --color-brand-300: #ff9a6e;
  --color-brand-400: #ff7238;
  --color-brand-500: #ff4b01;
  --color-brand: #ff4b01;
  --color-brand-600: #e04300;
  --color-brand-700: #b83700;
  --color-brand-800: #8f2b00;
  --color-brand-900: #6b2100;
  --color-brand-dark: #b83700;

  /* ---- Paleta neutra base (negro/gris/blanco), fondo dominante ---- */
  --color-ink-50: #f7f7f8;
  --color-ink-100: #eeedef;
  --color-ink-200: #d8d6db;
  --color-ink-300: #b4b0b9;
  --color-ink-400: #8b8591;
  --color-ink-500: #665f6d;
  --color-ink-600: #4a4551;
  --color-ink-700: #34303a;
  --color-ink-800: #201d24;
  --color-ink-900: #131116;
  --color-ink-950: #0a0910;

  /* ---- Semánticos de estado (confirmados contra sistema-cruech-one, 2026-07-22) ---- */
  --color-success: #4ade80;
  --color-success-bg: #082e1c;
  --color-success-dot: #17c964;
  --color-success-light: #0a7a3d;
  --color-success-bg-light: #eafff2;

  --color-warning: #fbbf24;
  --color-warning-bg: #2e2408;

  --color-error: #f87171;
  --color-error-bg: #2e0d0a;
  --color-error-dot: #f31260;
  --color-error-light: #b3261e;
  --color-error-bg-light: #fff1f0;

  /* ---- Neutros adicionales (resueltos 2026-07-22, fuera de la escala ink-*) ---- */
  --color-surface-white: #ffffff;
  --color-nodata-dot-light: #e0dee2;

  /* ---- Fase 2 crm-saas-core (2026-07-22/23): valores 'inventados', ver tokens.css para el detalle ---- */
  --color-ink-850: #1a171d;
  --color-ink-750: #2a2630;
  --color-ink-350: #a9a3ad;
  --color-success-bg-alt: #0d2418;
  --color-warning-bg-alt: #2e230d;
  --color-success-emphasis: #34d399;
  --color-on-success-emphasis: #06281d;
  --color-error-bg-alt: #2e0d0d;
}