:root {
    /* Color Palette - Premium Medical-Luxury */
    --color-primary: #2C4A3E;       /* Foresta Scuro - Deep Authority */
    --color-primary-light: #4A7C59; /* Salvia - Active state */
    --color-secondary: #F8F9F8;     /* Warm White - Neutral Bg */
    --color-accent: #E07A5F;        /* Terracotta - Subtle CTA */
    --color-accent-hover: #C9664D;
    
    --color-text-dark: #1A1C1E;     /* Onyx - Headings */
    --color-text-main: #3C4248;     /* Slate - Body */
    --color-text-light: #6A727C;    /* Muted Slate - Small info */
    --color-white: #FFFFFF;
    
    /* Typography */
    --font-serif: 'Playfair Display', serif;
    --font-sans: 'Manrope', sans-serif;
    --font-primary: var(--font-sans);
    
    --h1-size: clamp(2.5rem, 5vw, 4rem);
    --h2-size: clamp(2rem, 4vw, 3rem);
    --h3-size: clamp(1.25rem, 3vw, 1.75rem);
    --body-size: 1.125rem;
    
    /* Spacing System */
    --spacing-xs: 0.5rem;   /* 8px */
    --spacing-sm: 1rem;     /* 16px */
    --spacing-md: 2.5rem;   /* 40px - Increased for "breathing" space */
    --spacing-lg: 5rem;     /* 80px */
    --spacing-xl: 10rem;    /* 160px */
    
    /* Component Properties */
    --border-radius-sm: 4px; /* More minimal/sharp */
    --border-radius-md: 8px;
    --border-radius-lg: 16px;
    
    --shadow-premium: 0 20px 40px -10px rgba(0,0,0,0.05);
    --shadow-soft: 0 10px 20px -5px rgba(0,0,0,0.02);
    
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(255, 255, 255, 0.3);
    --glass-blur: 12px;
    
    --container-width: 1280px;
    --header-height: 90px;
    --transition-premium: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (max-width: 768px) {
    :root {
        --spacing-lg: 3rem;
        --spacing-xl: 5rem;
    }
}