:root {
    --body-font-family: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --title-font-family: "Rajdhani", "Barlow", sans-serif;

    --bg-color: #050505;
    --gray-200: #e9f0f0;
    --gray-300: #888;
    --color-principal: #000000;
    --color-acento: #FF8C00;
    --accent-gold: #FFD700;
    --accent-cyan: #00FFFF;
    --accent-ring: #ff5100;
    --accent-danger: #ff3333;
    --glass-bg: rgba(20, 20, 20, 0.85);
    --glass-border: rgba(255, 255, 255, 0.1);
    --map-grid: rgba(0, 255, 255, 0.1);
    --color-footer: #020202;
    --text-primary: #e6e6e6;
    --text-secondary: #cccccc;

    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-24: 24px;
    --font-size-28: 28px;
    --font-size-32: 32px;

    --header-height: 80px;
    --header-img: 60px;
    --brand-gap: 5px;

    @media (min-width:768px) {
        --header-height: 90px;
        --header-img: 70px;
    }

    @media (min-width:1200px) {
        --header-height: 120px;
        --header-img: 100px;
        --brand-gap: 20px;
    }

}