/* ── DESIGN SYSTEM TOKENS ── */
:root {
    /* Colors */
    --ds-primary: #2b4f92;        /* Dominant Premium Blue */
    --ds-accent: #0abab5;         /* Accent Toska */
    --ds-dark: #1a2f5a;           /* Dark Navy */
    --ds-light: #f8fafc;          /* Off-White */
    --ds-bg: #f9f9fb;             /* Base Background */
    --ds-text: #1f2937;           /* Main Text (Gray 800) */
    --ds-text-muted: #64748b;     /* Muted Text (Gray 500) */
    --ds-border: #e2e8f0;         /* Border Color */

    /* Alert Colors */
    --ds-success: #10b981;
    --ds-danger: #ef4444;
    --ds-warning: #f59e0b;
    --ds-info: #0ea5e9;

    /* Shadows */
    --ds-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
    --ds-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    --ds-shadow-hover: 0 8px 24px rgba(43, 79, 146, 0.11);
    --ds-shadow-hero: 0 18px 40px rgba(0, 0, 0, 0.16);

    /* Border Radius */
    --ds-radius-sm: 8px;
    --ds-radius: 14px;
    --ds-radius-lg: 20px;
    --ds-radius-btn: 999px;

    /* Transition */
    --ds-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);

    /* Spacing */
    --ds-space-xs: 0.5rem;
    --ds-space-sm: 1rem;
    --ds-space-md: 2rem;
    --ds-space-lg: 3rem;
    --ds-space-xl: 4rem;

    /* Typography */
    --ds-font-family: 'Poppins', sans-serif;
    --ds-font-weight-light: 300;
    --ds-font-weight-normal: 400;
    --ds-font-weight-medium: 500;
    --ds-font-weight-semibold: 600;
    --ds-font-weight-bold: 700;
    --ds-font-weight-extrabold: 800;

    /* Container */
    --ds-max-width: 1280px;

    /* Page backgrounds */
    --ds-page-bg: #eef3f9;
    --ds-page-bg-alt: linear-gradient(165deg, #eef4fc 0%, #f4fbfb 45%, #f8fafc 100%);
    --ds-section-tint-blue: linear-gradient(160deg, #e8f0fc 0%, #f5f9ff 55%, #ffffff 100%);
    --ds-section-tint-teal: linear-gradient(160deg, #e6f7f6 0%, #f0fbfa 50%, #f8fafc 100%);
    --ds-section-tint-warm: linear-gradient(165deg, #fff8ef 0%, #fffdf9 55%, #ffffff 100%);
    --ds-section-tint-cool: linear-gradient(165deg, #edf2f9 0%, #f6f9fc 50%, #ffffff 100%);
    --ds-card-tint: rgba(255, 255, 255, 0.92);
}