:root {

    /* ===================== */
    /* COLORS                */
    /* ===================== */

    --color-primary: #1F4E79;
    --color-secondary: #2563EB;
    --color-accent: #17A2B8;

    --color-bg: #E9F0F5;
    --color-surface: #FFFFFF;

    --color-heading: #0F172A;
    --color-text: #1E293B;
    --color-muted: #475569;
    --color-border: #E5E7EB;

    --color-success: #16A34A;
    --color-warning: #F59E0B;
    --color-danger: #DC2626;

    /* ===================== */
    /* LAYOUT TOKENS 🔥      */
    /* ===================== */

    --container-width: 1200px;
    --radius: 14px;
    --shadow: 0 12px 30px rgba(0,0,0,0.06);

}