:root {
    /* CI colors */
    --weyel-color-blue: #0768b1;
    --weyel-color-blue-dark: #003577;
    --weyel-color-green: #52ae32;
    --weyel-color-red: #e62243;
    --weyel-color-text: #494043;
    --weyel-color-text-muted: #555555;
    --weyel-color-text-soft: #888888;
    --weyel-color-text-subtle: #999999;
    --weyel-color-bg-soft: #efefef;
    --weyel-color-bg-soft-alt: #e9e9ed;
    --weyel-color-surface-muted: #fbfbfb;
    --weyel-color-white: #ffffff;
    --weyel-color-black: #000000;
    --weyel-color-footer-deep: #0f1e30;
    --weyel-color-footer-rule: #33455b;
    --weyel-color-white-alpha-50: rgba(255, 255, 255, 0.5);
    --weyel-color-black-alpha-50: rgba(0, 0, 0, 0.5);

    /* Typography */
    --weyel-font-family-base: "Exo", sans-serif;
    --weyel-font-size-2xs: 11px;
    --weyel-font-size-xs: 12px;
    --weyel-font-size-sm: 14px;
    --weyel-font-size-sm-plus: 15px;
    --weyel-font-size-md: 16px;
    --weyel-font-size-md-plus: 17px;
    --weyel-font-size-lg: 18px;
    --weyel-font-size-xl-minus: 22px;
    --weyel-font-size-xl: 24px;
    --weyel-font-size-2xl: 28px;
    --weyel-font-size-hero: 60px;
    --weyel-line-height-base: 1.6;

    /* Layout */
    --weyel-container-max: 1400px;
    --weyel-container-max-lg: 1140px;
    --weyel-container-max-md: 960px;
    --weyel-container-max-sm: 720px;
    --weyel-gutter: 12px;

    /* Spacing */
    --weyel-space-1: 8px;
    --weyel-space-2: 12px;
    --weyel-space-3: 16px;
    --weyel-space-4: 20px;
    --weyel-space-5: 24px;
    --weyel-space-6: 32px;
    --weyel-space-7: 48px;
    --weyel-space-8: 64px;
    --weyel-space-9: 96px;

    /* Radius / effects */
    --weyel-radius-sm: 8px;
    --weyel-radius-md: 12px;
    --weyel-radius-md-plus: 14px;
    --weyel-radius-lg: 16px;
    --weyel-shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.06);
    --weyel-shadow-medium: 0 15px 40px rgba(0, 0, 0, 0.1);
    --weyel-shadow-mega: 0 20px 50px rgba(0, 0, 0, 0.15);
    --weyel-shadow-card-hover: 0 10px 25px rgba(7, 104, 177, 0.12);
    --weyel-transition-fast: 0.2s ease;
    --weyel-transition-base: 0.3s ease;
    --weyel-transition-slow: 0.75s ease;

    /* Borders */
    --weyel-border-color-light: #f0f0f0;
    --weyel-border-color-soft: #e0e0e0;
}