:root {
    /* =========================
       BRAND COLORS
       ========================= */
    --color-primary: #2A58A7;
    --color-primary-dark: #1e4385;
    --color-primary-light: #3B6FC4;

    --color-accent: #FFED4D;
    --color-accent-dark: #E6D43A;
    --color-accent-light: #FFF58A;

    --color-white: #F5F9FF;

    /* BACKGROUND COLORS */
    --bg-main: #F5F9FF;
    --bg-section-alt: #EAF1FC;
    --bg-dark: #1E4385;

    /* TEXT COLORS */
    --text-primary: #172B4D;
    --text-secondary: #5B6B84;
    --text-inverse: #F5F9FF;

    /* BORDER & UI */
    --border-color: #C9D8EE;
    --input-bg: #FFFFFF;

    /* BUTTONS */
    --btn-primary-bg: #2A58A7;
    --btn-primary-text: #F5F9FF;
    --btn-primary-hover: #1E4385;

    --btn-secondary-bg: transparent;
    --btn-secondary-text: #2A58A7;
    --btn-secondary-border: #2A58A7;

    /* GRADIENTS */
    --gradient-primary:
        linear-gradient(135deg, #2A58A7, #1E4385);

    --gradient-accent:
        linear-gradient(135deg, #FFED4D, #E6D43A);
}