/**
 * Design tokens — 2026 Medical Premium palette.
 * Refactor: tighter scale, softer shadows, smaller containers, mobile-first sizing.
 */

:root {
	/* Brand (deep navy) */
	--evde-brand:           #0A2540;
	--evde-brand-700:       #081E36;
	--evde-brand-600:       #0E2E54;
	--evde-brand-500:       #13386A;
	--evde-brand-400:       #30507F;
	--evde-brand-300:       #5B7A9F;
	--evde-brand-200:       #97ADC7;
	--evde-brand-100:       #D4DEEB;
	--evde-brand-50:        #EEF2F8;

	/* Accent (medical teal) */
	--evde-accent:          #00B5AD;
	--evde-accent-700:      #007D77;
	--evde-accent-600:      #009E97;
	--evde-accent-500:      #00B5AD;
	--evde-accent-400:      #2EC9C2;
	--evde-accent-300:      #67DAD5;
	--evde-accent-200:      #A5EAE7;
	--evde-accent-100:      #D7F5F3;
	--evde-accent-50:       #EEFAF9;

	/* CTA coral */
	--evde-cta:             #F15A6C;
	--evde-cta-700:         #B92D3E;
	--evde-cta-600:         #D94155;
	--evde-cta-500:         #F15A6C;
	--evde-cta-400:         #F47E8D;
	--evde-cta-100:         #FEDDE2;
	--evde-cta-50:          #FFF1F3;

	/* Highlight */
	--evde-highlight:       #F8B400;
	--evde-highlight-600:   #CE9600;
	--evde-highlight-100:   #FFF0C2;

	/* Neutral */
	--evde-bg:              #F6F9FE;
	--evde-surface:         #FFFFFF;
	--evde-surface-2:       #FAFCFF;
	--evde-border:          #E4EAF2;
	--evde-border-strong:   #C8D4E2;
	--evde-border-subtle:   #EEF2F7;

	/* Text */
	--evde-text:            #0F1C2E;
	--evde-text-muted:      #4E5D73;
	--evde-text-soft:       #7A8699;
	--evde-text-invert:     #FFFFFF;

	/* Semantic */
	--evde-success:         #1F9D55;
	--evde-warning:         #E69A00;
	--evde-danger:          #D93025;
	--evde-info:            #0E7FF1;

	/* Typography */
	--evde-font-sans:       'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--evde-font-display:    'Manrope', 'Inter', ui-sans-serif, system-ui, sans-serif;
	--evde-font-mono:       ui-monospace, 'SF Mono', Consolas, monospace;

	/* Compact, premium scale */
	--evde-fs-xs:           0.78rem;
	--evde-fs-sm:           0.875rem;
	--evde-fs-base:         1rem;
	--evde-fs-lg:           1.0625rem;
	--evde-fs-xl:           1.1875rem;
	--evde-fs-2xl:          1.375rem;
	--evde-fs-3xl:          1.625rem;
	--evde-fs-4xl:          2rem;
	--evde-fs-5xl:          2.375rem;
	--evde-fs-6xl:          2.75rem;
	--evde-fs-hero:         clamp(1.875rem, 2vw + 1.3rem, 2.875rem);  /* hero H1 capped ~46px */

	--evde-lh-tight:        1.1;
	--evde-lh-snug:         1.3;
	--evde-lh-normal:       1.55;
	--evde-lh-relaxed:      1.7;

	--evde-fw-regular:      400;
	--evde-fw-medium:       500;
	--evde-fw-semibold:     600;
	--evde-fw-bold:         700;
	--evde-fw-extrabold:    800;

	/* Spacing scale */
	--evde-sp-0:            0;
	--evde-sp-1:            0.25rem;
	--evde-sp-2:            0.5rem;
	--evde-sp-3:            0.75rem;
	--evde-sp-4:            1rem;
	--evde-sp-5:            1.25rem;
	--evde-sp-6:            1.5rem;
	--evde-sp-7:            1.75rem;
	--evde-sp-8:            2rem;
	--evde-sp-10:           2.5rem;
	--evde-sp-12:           3rem;
	--evde-sp-14:           3.5rem;
	--evde-sp-16:           4rem;
	--evde-sp-20:           5rem;
	--evde-sp-24:           6rem;

	/* Radii */
	--evde-r-xs:            4px;
	--evde-r-sm:            6px;
	--evde-r-md:            10px;
	--evde-r-lg:            14px;
	--evde-r-xl:            18px;
	--evde-r-2xl:           24px;
	--evde-r-3xl:           32px;
	--evde-r-pill:          9999px;

	/* Shadows */
	--evde-shadow-xs:       0 1px 2px rgba(15, 28, 46, 0.04);
	--evde-shadow-sm:       0 1px 3px rgba(15, 28, 46, 0.06), 0 1px 2px rgba(15, 28, 46, 0.04);
	--evde-shadow-md:       0 4px 14px -2px rgba(15, 28, 46, 0.08), 0 2px 6px -1px rgba(15, 28, 46, 0.05);
	--evde-shadow-lg:       0 12px 32px -6px rgba(15, 28, 46, 0.12), 0 4px 12px -2px rgba(15, 28, 46, 0.06);
	--evde-shadow-xl:       0 24px 56px -16px rgba(15, 28, 46, 0.22);
	--evde-shadow-glow:     0 0 0 4px rgba(0, 181, 173, 0.18);
	--evde-shadow-cta:      0 10px 28px -10px rgba(241, 90, 108, 0.45);

	/* Container widths */
	--evde-container:       1200px;
	--evde-container-narrow: 820px;
	--evde-container-wide:   1360px;
	--evde-gutter:           clamp(1rem, 2.5vw, 1.75rem);

	/* Layout constants */
	--evde-header-h:        72px;
	--evde-header-h-sm:     62px;
	--evde-section-py:      clamp(3rem, 6vw, 4.5rem);
	--evde-section-py-sm:   clamp(2rem, 4vw, 3rem);

	/* Motion */
	--evde-ease:            cubic-bezier(0.22, 0.61, 0.36, 1);
	--evde-ease-out:        cubic-bezier(0.16, 1, 0.3, 1);
	--evde-ease-spring:     cubic-bezier(0.34, 1.56, 0.64, 1);
	--evde-d-fast:          120ms;
	--evde-d-base:          200ms;
	--evde-d-slow:          320ms;

	/* Gradients */
	--evde-grad-brand:      linear-gradient(135deg, #0A2540 0%, #13386A 100%);
	--evde-grad-brand-soft: linear-gradient(135deg, #13386A 0%, #30507F 100%);
	--evde-grad-accent:     linear-gradient(135deg, #009E97 0%, #00B5AD 60%, #2EC9C2 100%);
	--evde-grad-cta:        linear-gradient(135deg, #F15A6C 0%, #F47E8D 100%);
	--evde-grad-hero:       linear-gradient(160deg, #081E36 0%, #0E2E54 55%, #13386A 100%);

	/* Z-index */
	--evde-z-base:          1;
	--evde-z-dropdown:      30;
	--evde-z-header:        40;
	--evde-z-overlay:       60;
	--evde-z-modal:         80;
	--evde-z-fab:           90;
	--evde-z-toast:         100;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--evde-d-fast: 0ms;
		--evde-d-base: 0ms;
		--evde-d-slow: 0ms;
	}
}