/* Tokens de diseño — paleta verde del C.C.:
   #0B8A30 (principal) · #33BE5B · #62DCB9 (menta) · #FFE3B3 (crema, acento). Cambia aquí y se aplica en toda la app.
   Tema claro fijo: el fondo de la página es blanco. */
:root { color-scheme: light; }
:root {
  --brand-50: #e7f7ec;
  --brand-100: #c9eed4;
  --brand-400: #33BE5B;
  --brand-500: #0B8A30;
  --brand-600: #0B8A30;
  --brand-700: #09722a;
  --brand-800: #075a21;
  --brand-900: #053f17;
  --accent-100: #fff4df;
  --accent-400: #FFE3B3;
  --accent-500: #ffd58c;
  --accent-600: #a8650a;

  /* Superficies y texto */
  --fondo: #ffffff;
  --superficie: #ffffff;
  --superficie-2: #f8fafc;
  --borde: #e2e8f0;
  --borde-fuerte: #cbd5e1;
  --texto: #1e293b;
  --texto-2: #475569;
  --texto-3: #64748b;
  --texto-4: #94a3b8;
  --primario: var(--brand-600);
  --primario-hover: var(--brand-700);
  --primario-texto: #ffffff;
  --enlace: var(--brand-600);
  --acento: var(--accent-400);
  --acento-texto: var(--brand-900);
  --anillo: var(--brand-100);

  /* Semánticos (estado, no marca) */
  --ok: #0B8A30;
  --ok-fondo: #dcf5e3;
  --alerta: #b45309;
  --alerta-fondo: #fef3c7;
  --peligro: #b91c1c;
  --peligro-fondo: #fee2e2;
  --info: #0c7a5f;
  --info-fondo: #dff8f1;
  --neutro-fondo: #f1f5f9;
  --pasillo: #e3f3e8;

  /* Franja principal (hero) */
  --hero-desde: var(--brand-900);
  --hero-hasta: var(--brand-500);

  /* Tipografía: la misma pila de sistema de Radar */
  --fuente: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --t-xs: 0.8125rem;
  --t-sm: 0.875rem;
  --t-base: 1rem;
  --t-lg: 1.125rem;
  --t-xl: 1.5rem;
  --t-2xl: 2rem;

  --radio: 12px;
  --radio-sm: 8px;
  --sombra: 0 1px 2px rgba(15, 23, 42, 0.06);
  --sombra-2: 0 8px 24px rgba(15, 23, 42, 0.08);
  --ancho: 1400px;
}