:root {
    /* Core palette */
    --mds-blue-900: #0072ce;
    --mds-blue-800: #005a9c;
    --mds-blue-700: #0063b5;
    --mds-teal-600: #00b388;
    --mds-teal-700: #009973;
    --mds-navy-900: #002b45;
    --mds-blue-100: #e6f2fa;
    --mds-gray-50: #f5f7fa;

    /* Surfaces + text */
    --mds-bg: var(--mds-gray-50);
    --mds-panel: #ffffff;
    --mds-text: var(--mds-navy-900);
    --mds-muted: #5b6b7a;

    /* Marketing gradients */
    --mds-hero-gradient: linear-gradient(135deg, var(--mds-navy-900) 0%, var(--mds-blue-900) 50%, var(--mds-blue-700) 100%);
    --mds-soft-glow: radial-gradient(60% 60% at 20% 20%, rgba(0, 114, 206, 0.18), rgba(0, 114, 206, 0) 60%);
}