/* ============================================
   VARIABLES - Colors, Typography, Spacing
   ============================================ */

:root {
    /* --- Colors --- */
    --color-primary: #1863DC;
    --color-primary-dark: #1250b0;
    --color-dark: #212121;
    --color-text: #444444;
    --color-light: #f5f5f5;
    --color-white: #ffffff;
    --color-gray: #888888;
    --color-border: #e0e0e0;

    /* --- Typography --- */
    --font-main: 'Libre Franklin', sans-serif;
    --font-accent: 'Montserrat', sans-serif;

    /* --- Layout --- */
    --header-height: 70px;
    --max-width: 1200px;

    /* --- Transitions --- */
    --transition: 0.3s ease;
}