/* ══════════════════════════════════════════════════════════════════
   GENERADO · NO EDITAR A MANO
   Fuente: Claude Design · Tu RentaSmart Design System
   Proyecto: 71b810fe-c420-4c4d-9042-4f79d1c7d8d8
   Cualquier cambio se hace aguas arriba y se re-sincroniza.
   Ver design/README.md
   ══════════════════════════════════════════════════════════════════ */

:root{
/* Brand blue ramp */
--blue-50:#eaf5ff;--blue-100:#cce8ff;--blue-200:#99d0ff;--blue-300:#66b8ff;--blue-400:#33a0ff;--blue-500:#0086ff;--blue-600:#0072d9;--blue-700:#0059ab;
--blue-glow:#38b6ff;--cyan-400:#00c2ff;--indigo-500:#386eff;
/* Navy ramp — extended into true depth */
--navy-50:#eef0f5;--navy-100:#d7dae6;--navy-300:#7d84a6;--navy-500:#3a4266;--navy-700:#232b4d;--navy-900:#172041;--navy-925:#0b1226;--navy-950:#080d1c;
/* Neutrals */
--gray-0:#ffffff;--gray-50:#fafafa;--gray-100:#f4f4f6;--gray-150:#eeeef2;--gray-200:#e2e2e5;--gray-300:#c9cad1;--gray-400:#9d9fab;--gray-500:#71737f;--gray-600:#53555f;--gray-700:#3a3c46;--gray-800:#22242c;--gray-900:#0f1116;
/* Semantic hues */
--green-500:#1f9d63;--green-400:#33c07d;--green-100:#dcf3e6;
--amber-500:#d98a1f;--amber-100:#faecd4;
--red-500:#d94141;--red-100:#fbdede;
/* Brand aliases */
--brand-blue:var(--blue-500);--brand-navy:var(--navy-900);
/* LIGHT theme (default) */
--surface-page:var(--gray-50);--surface-card:var(--gray-0);--surface-sunken:var(--gray-100);--surface-inverse:var(--navy-950);
--text-primary:var(--navy-900);--text-secondary:var(--gray-600);--text-tertiary:var(--gray-400);--text-on-brand:#ffffff;--text-link:var(--blue-600);
--border-subtle:var(--gray-200);--border-default:var(--gray-300);--border-strong:var(--navy-300);
--accent-primary:var(--blue-500);--accent-primary-hover:var(--blue-600);--accent-primary-active:var(--blue-700);
--status-success:var(--green-500);--status-success-bg:var(--green-100);
--status-warning:var(--amber-500);--status-warning-bg:var(--amber-100);
--status-danger:var(--red-500);--status-danger-bg:var(--red-100);
/* DARK / INK surfaces — used by premium screens */
--ink-950:#070b18;--ink-900:#0b1226;--ink-800:#111a35;--ink-700:#18234a;
--on-ink-primary:#ffffff;--on-ink-secondary:rgba(233,238,252,0.66);--on-ink-tertiary:rgba(233,238,252,0.40);
--on-ink-border:rgba(255,255,255,0.10);
}