:root {
    /* paleta oficial Vantage Tech Solutions */
    --vantage-black: #050505;   /* negro */
    --vantage-navy: #0A1128;    /* Azul marino muy oscuro */
    --vantage-white: #FFFFFF;
    --vantage-apple-gray: #F5F5F7; /* gris claro */
    --vantage-gray-subtle: #A1A1AA;
    --vantage-hover-sutil: #000830;
    --vantage-hover-sutil: #2c2b70;
    --pastel-gold: #FFE5B4;     /* desayunos*/
    --pastel-peach: #ffa4a4;    /* parrilla */
    --pastel-sky: #B3E5FC;      /* fria/Pescados */

    /* modo oscuro*/
    --bg-fondo: var(--vantage-navy);
    --bg-tarjeta: var(--vantage-navy);
    --texto-primario: var(--vantage-white);
    --texto-secundario: var(--vantage-gray-subtle);

    /* gradientes */
    --gradiente-depth: linear-gradient(135deg, rgba(10, 17, 40, 0.9) 0%, rgba(5, 5, 5, 1) 100%);
    --gradiente-hover-light: linear-gradient(135deg, rgba(26, 43, 94, 0.1) 0%, rgba(10, 17, 40, 0.05) 100%);
    --neumo-shadow-raised: 10px 10px 25px rgba(0, 0, 0, 0.4), -10px -10px 25px rgba(26, 43, 94, 0.05);
    --neumo-shadow-recessed: inset 3px 3px 6px rgba(0, 0, 0, 0.3), inset -3px -3px 6px rgba(26, 43, 94, 0.1);
    
    --glass-border: 1px solid rgba(255, 255, 255, 0.05);

    --radio-apple: 16px;
    --radio-pequeno: 8px;
    --transicion-apple: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    --vantage-soft-shadow-hover: 16px 16px 40px rgba(148, 163, 184, 0.2), -16px -16px 40px rgba(255, 255, 255, 0.95);
    --vantage-glass-panel-bg: rgba(15, 23, 42, 0.6); 
    --vantage-glass-panel-title: #F1F5F9;
}

body.modo-dia {
    --bg-fondo: linear-gradient(135deg, #E2E8F0 0%, #F8FAFC 50%, #FFFFFF 100%);
    --bg-tarjeta: rgba(255, 255, 255, 0.6);
    --texto-primario: #1E293B;
    --texto-secundario: #64748B;
    --neumo-shadow-raised: 12px 12px 30px rgba(148, 163, 184, 0.15), -10px -10px 30px rgba(255, 255, 255, 0.9);
    --neumo-shadow-recessed: inset 4px 4px 8px rgba(148, 163, 184, 0.15), inset -4px -4px 8px rgba(255, 255, 255, 0.9);
    --glass-border: 1px solid rgba(0, 0, 0, 0.08);
    --bg-panel-historial: rgba(128, 128, 128, 0.15);
    --bg-item-historial: rgba(255, 255, 255, 0.9);
    --color-hover-item: rgba(50, 45, 45, 0.08);
    /* Modales internos */
    --nb-modal-bg: linear-gradient(160deg, #f8fafc 0%, #ffffff 100%);
    --nb-input-bg: rgba(0, 0, 0, 0.03);
    --nb-chip-bg: rgba(0, 0, 0, 0.04);
}