/* =====================================================================
   UGO DELIVERY — VARIABLES GLOBALES DE DISEÑO
   Paleta: Naranja / Negro / Blanco / Gris claro
   ===================================================================== */

:root {
    /* ---------- Colores de marca ---------- */
    --color-primario: #FF6B00;
    --color-primario-oscuro: #E05F00;
    --color-primario-claro: #FF8A33;
    --color-primario-suave: #FFF1E6;

    --color-negro: #111827;
    --color-negro-suave: #1F2937;
    --color-blanco: #FFFFFF;
    --color-gris-claro: #F5F6F8;
    --color-gris-medio: #9CA3AF;
    --color-gris-borde: #E5E7EB;

    --color-exito: #16A34A;
    --color-alerta: #F59E0B;
    --color-error: #DC2626;
    --color-info: #2563EB;

    /* ---------- Degradados ---------- */
    --degradado-primario: linear-gradient(135deg, #FF6B00 0%, #FF8A33 100%);
    --degradado-oscuro: linear-gradient(135deg, #111827 0%, #1F2937 100%);
    --degradado-hero: linear-gradient(120deg, rgba(17,24,39,0.92) 0%, rgba(255,107,0,0.85) 100%);

    /* ---------- Tipografía ---------- */
    --fuente-principal: 'Poppins', 'Segoe UI', system-ui, sans-serif;
    --fuente-secundaria: 'Inter', 'Segoe UI', system-ui, sans-serif;

    /* ---------- Sombras elegantes ---------- */
    --sombra-sm: 0 2px 8px rgba(17, 24, 39, 0.06);
    --sombra-md: 0 8px 24px rgba(17, 24, 39, 0.10);
    --sombra-lg: 0 16px 40px rgba(17, 24, 39, 0.14);
    --sombra-naranja: 0 10px 30px rgba(255, 107, 0, 0.25);
    --sombra-hover: 0 20px 45px rgba(17, 24, 39, 0.18);

    /* ---------- Glassmorphism ---------- */
    --glass-fondo: rgba(255, 255, 255, 0.65);
    --glass-borde: rgba(255, 255, 255, 0.35);
    --glass-blur: blur(16px);
    --glass-fondo-oscuro: rgba(17, 24, 39, 0.55);

    /* ---------- Bordes redondeados ---------- */
    --radio-sm: 10px;
    --radio-md: 16px;
    --radio-lg: 24px;
    --radio-xl: 32px;
    --radio-full: 999px;

    /* ---------- Espaciados ---------- */
    --espacio-xs: 8px;
    --espacio-sm: 16px;
    --espacio-md: 24px;
    --espacio-lg: 40px;
    --espacio-xl: 64px;

    /* ---------- Transiciones ---------- */
    --transicion-rapida: 0.18s cubic-bezier(.4,0,.2,1);
    --transicion-normal: 0.3s cubic-bezier(.4,0,.2,1);
    --transicion-lenta: 0.5s cubic-bezier(.4,0,.2,1);

    /* ---------- Layout ---------- */
    --ancho-maximo: 1280px;
    --alto-header: 76px;
}