/* Evde Doktorum — Design tokens (v1.0.0, ONOXSOFT) */

:root {
	/* Brand palette — matches evdedoktorum.com.tr extracted colors */
	--ed-primary: #192273;
	--ed-primary-700: #111a5e;
	--ed-primary-600: #2330a3;
	--ed-primary-500: #4457c7;
	--ed-primary-400: #6a7bda;
	--ed-primary-100: #e7e9f8;
	--ed-primary-50: #f3f3ff;

	--ed-accent: #1accbf;
	--ed-accent-700: #0a6b63;
	--ed-accent-600: #0d857b;
	--ed-accent-400: #4edad0;
	--ed-accent-100: #dff8f5;

	--ed-danger: #e63946;
	--ed-danger-100: #fde6e8;
	--ed-success: #10b981;
	--ed-success-100: #e5f8f0;
	--ed-warning: #f59e0b;
	--ed-warning-100: #fff4e1;

	/* Neutrals (light) */
	--ed-ink: #0b1120;
	--ed-ink-soft: #1e2340;
	--ed-body: #3d475b;
	--ed-muted: #5a6378;
	--ed-line: #e3e6f0;
	--ed-line-soft: #eef0f7;
	--ed-bg: #f3f3ff;
	--ed-surface: #ffffff;
	--ed-surface-2: #faf9ff;
	--ed-surface-3: #f6f7fb;

	/* Gradients */
	--ed-gr-hero: radial-gradient(1200px 600px at 15% -10%, rgba(68, 87, 199, 0.25) 0%, rgba(68, 87, 199, 0) 55%),
	              radial-gradient(900px 500px at 95% 10%, rgba(26, 204, 191, 0.22) 0%, rgba(26, 204, 191, 0) 60%),
	              linear-gradient(180deg, #f3f3ff 0%, #ffffff 100%);
	--ed-gr-primary: linear-gradient(135deg, #192273 0%, #4457c7 100%);
	--ed-gr-accent: linear-gradient(135deg, #1accbf 0%, #4457c7 100%);
	--ed-gr-soft: linear-gradient(180deg, #f3f3ff 0%, #ffffff 100%);

	/* Typography */
	--ed-font: "Inter", "Wix Madefor Text", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--ed-font-display: "Inter", "Wix Madefor Text", system-ui, -apple-system, sans-serif;
	--ed-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

	--ed-fs-xs: 0.75rem;     /* 12 */
	--ed-fs-sm: 0.875rem;    /* 14 */
	--ed-fs-base: 1rem;      /* 16 */
	--ed-fs-md: 1.125rem;    /* 18 */
	--ed-fs-lg: 1.25rem;     /* 20 */
	--ed-fs-xl: 1.5rem;      /* 24 */
	--ed-fs-2xl: 1.875rem;   /* 30 */
	--ed-fs-3xl: 2.25rem;    /* 36 */
	--ed-fs-4xl: 3rem;       /* 48 */
	--ed-fs-5xl: 3.75rem;    /* 60 */

	--ed-fs-h1: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
	--ed-fs-h2: clamp(1.625rem, 1.2rem + 1.6vw, 2.5rem);
	--ed-fs-h3: clamp(1.375rem, 1.1rem + 1vw, 1.875rem);
	--ed-fs-hero: clamp(2.25rem, 1.4rem + 3vw, 4rem);

	--ed-lh-tight: 1.15;
	--ed-lh-snug: 1.3;
	--ed-lh-base: 1.55;
	--ed-lh-relaxed: 1.7;

	/* Spacing (4px scale) */
	--ed-s0: 0;
	--ed-s1: 4px;
	--ed-s2: 8px;
	--ed-s3: 12px;
	--ed-s4: 16px;
	--ed-s5: 24px;
	--ed-s6: 32px;
	--ed-s7: 48px;
	--ed-s8: 64px;
	--ed-s9: 96px;
	--ed-s10: 128px;
	--ed-s11: 160px;

	/* Radii */
	--ed-r-xs: 6px;
	--ed-r-sm: 10px;
	--ed-r-md: 16px;
	--ed-r-lg: 24px;
	--ed-r-xl: 32px;
	--ed-r-full: 9999px;

	/* Shadows */
	--ed-sh-0: 0 0 0 1px rgba(25, 34, 115, 0.06);
	--ed-sh-1: 0 1px 2px rgba(25, 34, 115, 0.06), 0 2px 4px rgba(25, 34, 115, 0.04);
	--ed-sh-2: 0 4px 10px rgba(25, 34, 115, 0.07), 0 8px 24px rgba(25, 34, 115, 0.05);
	--ed-sh-3: 0 12px 32px rgba(25, 34, 115, 0.10), 0 4px 8px rgba(25, 34, 115, 0.05);
	--ed-sh-4: 0 24px 64px rgba(25, 34, 115, 0.15), 0 8px 16px rgba(25, 34, 115, 0.06);
	--ed-sh-glow: 0 8px 40px rgba(26, 204, 191, 0.28);
	--ed-sh-glow-primary: 0 8px 40px rgba(68, 87, 199, 0.25);
	--ed-sh-inner: inset 0 1px 2px rgba(25, 34, 115, 0.05);

	/* Motion */
	--ed-ease: cubic-bezier(0.2, 0.7, 0.3, 1);
	--ed-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--ed-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
	--ed-dur-fast: 150ms;
	--ed-dur: 220ms;
	--ed-dur-slow: 420ms;

	/* Layout */
	--ed-container: 1200px;
	--ed-container-wide: 1320px;
	--ed-container-narrow: 960px;
	--ed-container-prose: 720px;
	--ed-gutter: clamp(16px, 3vw, 32px);
	--ed-section-y: clamp(48px, 8vw, 120px);

	/* Z-index */
	--ed-z-nav: 50;
	--ed-z-sticky: 40;
	--ed-z-fab: 60;
	--ed-z-modal: 100;
	--ed-z-toast: 120;

	/* Focus */
	--ed-ring: 0 0 0 3px rgba(26, 204, 191, 0.45);
	--ed-ring-primary: 0 0 0 3px rgba(68, 87, 199, 0.35);

	color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
	:root:not(.ed-force-light) {
		--ed-ink: #f2f4fb;
		--ed-ink-soft: #d8dcec;
		--ed-body: #b6bccf;
		--ed-muted: #8e94ab;
		--ed-line: #2a2f4a;
		--ed-line-soft: #1e2340;
		--ed-bg: #0b0e23;
		--ed-surface: #131735;
		--ed-surface-2: #1a1f42;
		--ed-surface-3: #171b3a;
		--ed-primary-100: #1c2450;
		--ed-primary-50: #131735;
		--ed-gr-hero: radial-gradient(1200px 600px at 15% -10%, rgba(68, 87, 199, 0.22) 0%, rgba(68, 87, 199, 0) 55%),
		              radial-gradient(900px 500px at 95% 10%, rgba(26, 204, 191, 0.14) 0%, rgba(26, 204, 191, 0) 60%),
		              linear-gradient(180deg, #0b0e23 0%, #131735 100%);
		--ed-gr-soft: linear-gradient(180deg, #0b0e23 0%, #131735 100%);
		--ed-sh-1: 0 1px 2px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.3);
		--ed-sh-2: 0 4px 10px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.25);
		--ed-sh-3: 0 12px 32px rgba(0, 0, 0, 0.45), 0 4px 8px rgba(0, 0, 0, 0.25);
	}
}

:root.ed-force-dark {
	--ed-ink: #f2f4fb;
	--ed-ink-soft: #d8dcec;
	--ed-body: #b6bccf;
	--ed-muted: #8e94ab;
	--ed-line: #2a2f4a;
	--ed-line-soft: #1e2340;
	--ed-bg: #0b0e23;
	--ed-surface: #131735;
	--ed-surface-2: #1a1f42;
	--ed-surface-3: #171b3a;
	--ed-primary-100: #1c2450;
	--ed-gr-hero: radial-gradient(1200px 600px at 15% -10%, rgba(68, 87, 199, 0.22) 0%, rgba(68, 87, 199, 0) 55%),
	              radial-gradient(900px 500px at 95% 10%, rgba(26, 204, 191, 0.14) 0%, rgba(26, 204, 191, 0) 60%),
	              linear-gradient(180deg, #0b0e23 0%, #131735 100%);
	--ed-gr-soft: linear-gradient(180deg, #0b0e23 0%, #131735 100%);
	--ed-sh-1: 0 1px 2px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.3);
	--ed-sh-2: 0 4px 10px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.25);
	--ed-sh-3: 0 12px 32px rgba(0, 0, 0, 0.45), 0 4px 8px rgba(0, 0, 0, 0.25);
}