:root {
    /* Colors */
    --color-utility-bar: #1b175d;
    --color-primary: #1b175d;
    --color-accent: #f04f36;
    --color-accent-hover: #d8432d;
    --color-link: #046e82;
    --color-text: #1d1d1d;
    --color-text-light: #666;
    --color-text-muted: #999;
    --color-bg: #ffffff;
    --color-bg-light: #f5f5f5;
    --color-bg-dark: #1b175d;
    --color-border: #e0e0e0;
    --color-border-light: #f0f0f0;
    --color-success: #4caf50;
    --color-error: #f44336;
    --color-white: #ffffff;

    /* Typography */
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Nunito Sans', sans-serif;
    --fw-normal: 400;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;

    /* Spacing */
    --container-max: 1200px;
    --container-padding: 20px;
    --section-spacing: 60px;
    --card-gap: 20px;

    /* Header */
    --header-height: 70px;
    --utility-bar-height: 36px;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;

    /* Border radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
}