/* css/variables.css */
:root {
    /* Colores */
    --color-bg-dark: #0d0d2d;
    --color-bg-dark-lighter: #12163a;
    --color-navy-card: rgba(255, 255, 255, 0.05);
    --color-navy-border: rgba(255, 255, 255, 0.1);

    --color-primary: #a1031b;
    --color-primary-light: #8fb0ff;
    --color-accent: #ee3d2c;
    --color-accent-hover: #d4321f;
    --color-whatsapp: #25d366;

    --color-text-white: #ffffff;
    --color-text-gray: #9aa3c0;
    --color-text-gray-200: #E5ECF4;
    --color-text-gray-light: #c4cae0;
    --color-text-blue: #167CE7;
    --euro-blue: #3b7ae0;
    --euro-light: #92beff;
    --euro-mid: #243170;

    /* Tipografía */
    --font-main: 'Inter', 'Segoe UI', sans-serif;

    /* Espaciados */
    --container-padding: 2rem;
    --border-radius-sm: 8px;
    --border-radius-md: 12px;
    --border-radius-lg: 16px;
    --border-radius-full: 999px;
}