/* ============================================
   WORLD MEDICAL CONCIERGE - Design System v3
   Luxury Brand — Restraint & Refinement
   ============================================ */

:root {
    /* Foundation */
    --navy: #1A1F2E;
    --navy-deep: #12161F;
    --navy-light: #2C3345;

    /* Gold — used sparingly */
    --gold: #C5A467;
    --gold-light: #D9C49B;
    --gold-dark: #A08548;

    /* Warm Neutrals — 70% of the page */
    --cream: #F3EDE7;
    --cream-light: #FAF8F5;
    --white: #FFFFFF;

    /* Text — high contrast on light */
    --text-primary: #1D1D1F;
    --text-secondary: #3D3D3F;
    --text-muted: #5A5A5E;

    /* Text on dark — high contrast */
    --text-on-dark: #FFFFFF;
    --text-on-dark-secondary: rgba(255, 255, 255, 0.88);
    --text-on-dark-muted: rgba(255, 255, 255, 0.65);

    /* Typography — Modern */
    --font-display: 'DM Sans', 'Inter', -apple-system, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    /* Spacing — generous */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2.5rem;
    --space-2xl: 4rem;
    --space-3xl: 6rem;
    --space-4xl: 8rem;
    --space-5xl: 10rem;

    /* Layout */
    --container-max: 1120px;
    --container-narrow: 1000px;
    --container-wide: 1320px;
    --header-height: 72px;

    /* Motion — slow, elegant */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --duration-fast: 200ms;
    --duration-normal: 500ms;
    --duration-slow: 800ms;

    /* Borders — subtle */
    --radius-sm: 2px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --radius-full: 9999px;

    /* Shadows — barely there */
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.03);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.05);
    --shadow-lg: 0 12px 40px rgba(0,0,0,0.07);
}