:root {
    /* =========================================================
       BRAND / COLOR TOKENS — BLUE & WHITE CORPORATE SYSTEM
       ========================================================= */
    --da-color-primary: #2562AE;
    --da-color-primary-dark: #0E4E98;
    --da-color-primary-deep: #0A3972;
    --da-color-primary-soft: #EAF2FC;
    --da-color-primary-soft-2: #DCEAF9;
    --da-color-primary-soft-3: #F4F8FE;
    --da-color-accent: #3D7ED0;
    --da-color-accent-strong: #1F5FB8;
    --da-color-text: #172033;
    --da-color-text-soft: #556276;
    --da-color-text-muted: #7A8798;
    --da-color-surface: #FFFFFF;
    --da-color-surface-soft: #F6F9FD;
    --da-color-surface-soft-2: #EFF5FC;
    --da-color-surface-deep: #E8F0FA;
    --da-color-border: #D7E3F3;
    --da-color-border-strong: #BDD1EA;
    --da-color-dark: #14243B;
    --da-color-dark-2: #23354B;
    --da-color-charcoal: #3F4C60;
    --da-color-success-bg: #EDF8F2;
    --da-color-success-border: #B9E1C7;
    --da-color-success-text: #17603A;
    --da-color-danger-bg: #FFF4F3;
    --da-color-danger-border: #F2C4C0;
    --da-color-danger-text: #8C1D18;
    /* =========================================================
       SHADOWS
       ========================================================= */
    --da-shadow-xs: 0 4px 14px rgba(20, 55, 104, 0.05);
    --da-shadow-sm: 0 10px 28px rgba(24, 58, 108, 0.08);
    --da-shadow-md: 0 20px 46px rgba(20, 55, 104, 0.10);
    --da-shadow-lg: 0 28px 64px rgba(20, 55, 104, 0.14);
    --da-shadow-xl: 0 34px 76px rgba(17, 43, 82, 0.16);
    /* =========================================================
       RADII
       ========================================================= */
    --da-radius-xs: 10px;
    --da-radius-sm: 12px;
    --da-radius-md: 18px;
    --da-radius-lg: 24px;
    --da-radius-xl: 32px;
    --da-radius-2xl: 38px;
    --da-radius-pill: 999px;
    /* =========================================================
       SPACING
       ========================================================= */
    --da-space-1: 0.25rem;
    --da-space-2: 0.5rem;
    --da-space-3: 0.75rem;
    --da-space-4: 1rem;
    --da-space-5: 1.25rem;
    --da-space-6: 1.5rem;
    --da-space-7: 2rem;
    --da-space-8: 2.5rem;
    --da-space-9: 3rem;
    --da-space-10: 4rem;
    /* =========================================================
       TYPOGRAPHY
       ========================================================= */
    --da-font-sans: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    --da-font-size-xs: 0.76rem;
    --da-font-size-sm: 0.84rem;
    --da-font-size-md: 0.96rem;
    --da-font-size-base: 1rem;
    --da-font-size-lg: 1.1rem;
    --da-font-size-xl: 1.28rem;
    --da-font-size-2xl: 1.7rem;
    --da-font-size-3xl: 2.3rem;
    --da-line-height-tight: 1.12;
    --da-line-height-snug: 1.28;
    --da-line-height-base: 1.72;
    --da-line-height-relaxed: 1.86;
    /* =========================================================
       LAYOUT
       ========================================================= */
    --da-container: 1440px;
    --da-header-height: 92px;
    --da-header-height-scrolled: 80px;
    /* =========================================================
       TRANSITIONS
       ========================================================= */
    --da-transition-fast: 0.18s ease;
    --da-transition-base: 0.24s ease;
    --da-transition-slow: 0.32s ease;
}