:root {
    color-scheme: light;

    /* Identidad oficial */
    --color-primary: #10243e;
    --color-primary-hover: #091a30;
    --color-primary-soft: #e8edf2;
    --color-secondary: #31705a;
    --color-secondary-hover: #255846;
    --color-accent: #c8a45d;
    --color-accent-soft: #f2ead9;
    --color-action: #2f67df;
    --color-action-hover: #2454bd;
    --color-electric: #3972ff;
    --color-electric-bright: #6ea0ff;
    --color-violet: #7557ff;
    --color-violet-soft: #eeeaff;
    --color-cyan: #38c6e9;

    /* Texto y superficies */
    --color-text: #172033;
    --color-text-muted: #5e6878;
    --color-text-subtle: #7b8492;
    --color-surface: #ffffff;
    --color-surface-alt: #f8f6f1;
    --color-surface-soft: #f2f4f6;
    --color-surface-inverse: #10243e;
    --color-border: #d9dee5;
    --color-border-strong: #b9c1cc;
    --color-glass: rgb(255 255 255 / 76%);
    --color-glass-border: rgb(255 255 255 / 48%);
    --gradient-brand: linear-gradient(135deg, var(--color-electric) 0%, var(--color-violet) 100%);
    --gradient-dark: radial-gradient(circle at 78% 15%, rgb(57 114 255 / 24%), transparent 34%), radial-gradient(circle at 20% 85%, rgb(117 87 255 / 18%), transparent 38%), linear-gradient(145deg, #071426 0%, #10243e 58%, #172b50 100%);
    --gradient-surface: linear-gradient(145deg, rgb(255 255 255 / 98%), rgb(244 247 255 / 88%));

    /* Estados */
    --color-success: #31705a;
    --color-success-bg: #e8f3ee;
    --color-success-text: #1f5544;
    --color-warning: #9b681b;
    --color-warning-bg: #fff5df;
    --color-warning-text: #6f4810;
    --color-danger: #a93f45;
    --color-danger-bg: #fbecee;
    --color-danger-text: #792b30;
    --color-info-bg: #eaf0fb;
    --color-info-text: #234d9c;

    /* Tipografía */
    --font-display: "Manrope", system-ui, sans-serif;
    --font-body: "Inter", system-ui, sans-serif;
    --text-xs: .8125rem;
    --text-sm: .9rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: clamp(1.5rem, 2vw, 2rem);
    --text-3xl: clamp(2rem, 4vw, 3.5rem);
    --text-display: clamp(2.75rem, 7vw, 6rem);
    --leading-tight: 1.15;
    --leading-body: 1.65;

    /* Espaciado */
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4.5rem;
    --space-9: 6rem;

    /* Forma, elevación y layout */
    --radius-sm: .5rem;
    --radius-md: .875rem;
    --radius-lg: 1.35rem;
    --radius-pill: 999px;
    --shadow-sm: 0 1px 2px rgb(16 36 62 / 5%), 0 6px 18px rgb(16 36 62 / 6%);
    --shadow-md: 0 18px 45px rgb(16 36 62 / 12%);
    --shadow-lg: 0 30px 80px rgb(7 20 38 / 18%);
    --shadow-glow: 0 0 0 1px rgb(110 160 255 / 18%), 0 24px 70px rgb(57 114 255 / 18%);
    --shadow-focus: 0 0 0 .22rem rgb(47 103 223 / 20%);
    --container: 1180px;
    --header-height: 76px;
    --transition-fast: 160ms ease;
    --transition-base: 220ms ease;
    --transition-panel: 280ms cubic-bezier(.2, .8, .2, 1);
    --transition-major: 420ms cubic-bezier(.16, 1, .3, 1);
    --ease-spring: cubic-bezier(.2, .9, .2, 1.15);
    --layer-header: 1020;
    --layer-overlay: 1080;
    --layer-toast: 1100;

    /* Compatibilidad con componentes existentes */
    --cz-navy: var(--color-primary);
    --cz-blue: var(--color-action);
    --cz-blue-medium: #7599ea;
    --cz-ice: var(--color-primary-soft);
    --cz-white: var(--color-surface-alt);
    --cz-text: var(--color-text);
    --cz-muted: var(--color-text-muted);
    --cz-success: var(--color-success);
    --cz-warning: var(--color-warning);
    --cz-danger: var(--color-danger);
    --cz-surface: var(--color-surface);
    --cz-border: var(--color-border);
    --cz-blue-hover: var(--color-action-hover);
    --cz-hero-glow: #dae3f5;
    --cz-navy-medium: #1b385b;
    --cz-navy-deep: #091a30;
    --cz-footer-text: #c7d0dc;
    --cz-footer-link: #f1f4f7;
    --cz-success-bg: var(--color-success-bg);
    --cz-success-text: var(--color-success-text);
    --cz-warning-bg: var(--color-warning-bg);
    --cz-warning-text: var(--color-warning-text);
    --cz-danger-bg: var(--color-danger-bg);
    --cz-danger-text: var(--color-danger-text);
    --cz-skeleton: #e3e7ec;
    --cz-admin-bg: #eef1f4;
    --cz-sidebar-link: #dce5ee;
    --cz-overlay-light: rgb(255 255 255 / 10%);
    --cz-font-display: var(--font-display);
    --cz-font-body: var(--font-body);
    --cz-space-1: var(--space-1);
    --cz-space-2: var(--space-2);
    --cz-space-3: var(--space-3);
    --cz-space-4: var(--space-4);
    --cz-space-5: var(--space-5);
    --cz-space-6: var(--space-6);
    --cz-space-7: var(--space-7);
    --cz-space-8: var(--space-8);
    --cz-radius-sm: var(--radius-sm);
    --cz-radius: var(--radius-md);
    --cz-radius-lg: var(--radius-lg);
    --cz-shadow-sm: var(--shadow-sm);
    --cz-shadow: var(--shadow-md);
    --cz-container: var(--container);
    --cz-header-height: var(--header-height);
}

[data-theme="dark"] {
    color-scheme: dark;
    --color-text: #edf3ff;
    --color-text-muted: #a9b6ca;
    --color-text-subtle: #8290a7;
    --color-surface: #111e32;
    --color-surface-alt: #091526;
    --color-surface-soft: #17253a;
    --color-border: #263a55;
    --color-border-strong: #3a5271;
    --color-glass: rgb(12 27 47 / 80%);
}