@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700;800&display=swap');
:root {
    color-scheme: light;
    --color-navy: #1C324D;
    --color-primary: #315F94;
    --color-medium: #6489B5;
    --color-light: #91A9C7;
    --color-pale: #D5E2F3;
    --color-white: #FFFFFF;
    --color-green: #39A64A;
    --color-red: #EF4B3E;
    --color-text: #20344D;
    --color-muted: #5B6E84;
    --color-surface: #F7FAFC;
    --shadow-soft: 0 24px 60px rgba(28, 50, 77, 0.08);
    --shadow-card: 0 20px 40px rgba(28, 50, 77, 0.1);
    --radius: 28px;
    --radius-sm: 18px;
    --max-width: 1200px;
    --spacing: 24px;
    --text: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --display: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
@media (prefers-reduced-motion: reduce) {
    :root {
        scroll-behavior: auto;
    }
}