:root {
    --cs-navy-900: #060d18;
    --cs-navy-800: #0b192b;
    --cs-navy-700: #10223b;
    --cs-navy-600: #1a3354;
    --cs-ink: #0f1f35;
    --cs-muted: #5c6d82;
    --cs-orange-500: #f47735;
    --cs-orange-400: #ff9a5c;
    --cs-orange-600: #d96528;
    --cs-cyan: #3eb8ff;
    --cs-surface: #f4f7fb;
    --cs-surface-2: #e8eef6;
    --cs-border: rgba(16, 34, 61, 0.1);
    --cs-white: #ffffff;
    --cs-success: #0f766e;
    --cs-warning: #b45309;
    --cs-danger: #b91c1c;
    --cs-info: #1d4ed8;

    --bs-primary: var(--cs-orange-500);
    --bs-primary-rgb: 244, 119, 53;
    --bs-body-color: var(--cs-ink);
    --bs-body-bg: #fafbfd;
    --bs-border-color: var(--cs-border);

    --cs-container: 72.5rem;
    --section-y: clamp(3.5rem, 8vw, 6.25rem);
    --cs-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

    --cs-glass: rgba(255, 255, 255, 0.72);
    --cs-glass-border: rgba(255, 255, 255, 0.45);
    --cs-glass-dark: rgba(11, 25, 43, 0.55);
    --cs-shadow-sm: 0 4px 24px rgba(11, 25, 43, 0.06);
    --cs-shadow-md: 0 16px 48px rgba(11, 25, 43, 0.1);
    --cs-shadow-lg: 0 28px 80px rgba(11, 25, 43, 0.18);
    --cs-radius-lg: 1.25rem;
    --cs-radius-xl: 1.75rem;
    --cs-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --cs-duration: 0.45s;
}

@media (max-width: 575.98px) {
    :root {
        --section-y: 3.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --cs-duration: 0.01ms;
    }
}