/* ========================================
    VARIABLES GLOBALES
======================================== */
:root {
    --primary: #1A1E24;
    --secondary: #F5A200;
    --accent: #2D353F;
    --accent-transparent: #2D353F1a;
    --white: #ffffff;
    --white-transparent: #ffffff1a;
    --black: #0a0a0a;
    --accent-2: #F3F4F5;
    --gray-light: #EDEEF0;
    --gray-dark: #767B82;
    --font-display: 'Archivo', Impact, sans-serif;
    --font-heading: 'Bricolage Grotesque', sans-serif;
    --font-body: 'DM Sans', sans-serif;
    --font-modern: 'Space Grotesk', sans-serif;
}