/**
 * eksikgedik tasarım tokenları — Figma değişkenleri (fileKey E0242GbBaFAaYpue7B4zXQ) birebir.
 * Ad kuralı: Figma "grup/ad" → --eg-grup-ad. theme.json aynı değerleri kullanır.
 */
:root {
	/* color/background */
	--eg-color-background-page: #f5f7fb;
	--eg-color-background-subtle: #eef4fd;
	--eg-color-background-footer: #0b1734;
	/* color/surface */
	--eg-color-surface-default: #ffffff;
	--eg-color-surface-muted: #f3f6fb;
	--eg-color-surface-brand-soft: #eaf2ff;
	--eg-color-surface-success-soft: #eaf8f0;
	--eg-color-surface-danger-soft: #fdeeee;
	--eg-color-surface-warning-soft: #fff6e5;
	/* color/text */
	--eg-color-text-primary: #0b1734;
	--eg-color-text-secondary: #46526b;
	--eg-color-text-muted: #7a859b;
	--eg-color-text-inverse: #ffffff;
	--eg-color-text-link: #187bff;
	/* color/brand */
	--eg-color-brand-primary: #187bff;
	--eg-color-brand-primary-hover: #0b4edb;
	--eg-color-brand-primary-strong: #0b4edb;
	--eg-color-brand-sky: #2aa8ff;
	--eg-color-brand-navy: #0b1734;
	/* color/border */
	--eg-color-border-default: #e3e9f2;
	--eg-color-border-strong: #cfd8e6;
	--eg-color-border-brand: #9cc4ff;
	--eg-color-border-focus: #187bff;
	/* color/status */
	--eg-color-status-success: #1fa564;
	--eg-color-status-danger: #e5484d;
	--eg-color-status-warning: #e8a21a;
	--eg-color-status-info: #187bff;
	/* color/category (pastel yüzeyler; terim meta eg_color bu adlardan birini tutar) */
	--eg-color-category-tech: #eaf2ff;
	--eg-color-category-gov: #fdeeee;
	--eg-color-category-home: #fff6e5;
	--eg-color-category-auto: #e7f7f2;
	--eg-color-category-shop: #fbeaf5;
	--eg-color-category-social: #ecebff;
	--eg-color-category-ai: #f1e9ff;
	--eg-color-category-game: #e6f6fb;
	/* Kategori vurgu (ikon) renkleri — Figma ekranlarındaki ikon renkleri */
	--eg-color-category-tech-ink: #187bff;
	--eg-color-category-gov-ink: #e5484d;
	--eg-color-category-home-ink: #e8a21a;
	--eg-color-category-auto-ink: #1fa564;
	--eg-color-category-shop-ink: #d6409f;
	--eg-color-category-social-ink: #6e56cf;
	--eg-color-category-ai-ink: #8e4ec6;
	--eg-color-category-game-ink: #0e8fb3;

	/* spacing */
	--eg-spacing-0: 0;
	--eg-spacing-1: 4px;
	--eg-spacing-2: 8px;
	--eg-spacing-3: 12px;
	--eg-spacing-4: 16px;
	--eg-spacing-5: 20px;
	--eg-spacing-6: 24px;
	--eg-spacing-8: 32px;
	--eg-spacing-10: 40px;
	--eg-spacing-12: 48px;
	--eg-spacing-16: 64px;
	--eg-spacing-20: 80px;

	/* radius */
	--eg-radius-xs: 6px;
	--eg-radius-sm: 8px;
	--eg-radius-md: 12px;
	--eg-radius-lg: 16px;
	--eg-radius-xl: 20px;
	--eg-radius-2xl: 24px;
	--eg-radius-pill: 999px;

	/* container / breakpoint (breakpoint'ler CSS değişkeniyle medya sorgusunda kullanılamaz; referans) */
	--eg-container-desktop: 1280px; /* sağ içerik alanı içinde (sol menü hariç) */
	--eg-container-article: 760px;
	--eg-container-sidebar: 320px;
	--eg-container-tablet: 704px;
	--eg-container-mobile: 358px;
	--eg-breakpoint-mobile: 320px;
	--eg-breakpoint-tablet: 768px;
	--eg-breakpoint-desktop: 1024px;
	--eg-breakpoint-wide: 1440px;

	/* icon / touch */
	--eg-icon-sm: 16px;
	--eg-icon-md: 20px;
	--eg-icon-lg: 24px;
	--eg-icon-xl: 32px;
	--eg-touch-min: 44px;

	/* shadow */
	--eg-shadow-xs: 0 1px 2px 0 rgba(11, 23, 52, 0.05);
	--eg-shadow-sm: 0 4px 14px 0 rgba(11, 23, 52, 0.06);
	--eg-shadow-md: 0 10px 30px -4px rgba(11, 23, 52, 0.08);
	--eg-shadow-brand: 0 8px 20px -6px rgba(24, 123, 255, 0.25);
	--eg-focus-ring: 0 0 0 3px rgba(24, 123, 255, 0.35);

	/* typography */
	--eg-font-family: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--eg-font-weight-regular: 400;
	--eg-font-weight-medium: 500;
	--eg-font-weight-semibold: 600;
	--eg-font-weight-bold: 700;
	--eg-font-weight-extrabold: 800;
	/* Kısa yazım: font: <weight> <size>/<line-height> */
	--eg-type-display-xl: 800 56px/62px var(--eg-font-family);
	--eg-type-display-lg: 800 44px/50px var(--eg-font-family);
	--eg-type-heading-h1: 800 40px/46px var(--eg-font-family);
	--eg-type-heading-h2: 700 28px/36px var(--eg-font-family);
	--eg-type-heading-h3: 700 22px/30px var(--eg-font-family);
	--eg-type-heading-h4: 700 18px/26px var(--eg-font-family);
	--eg-type-heading-h5: 700 16px/24px var(--eg-font-family);
	--eg-type-body-lg: 400 18px/30px var(--eg-font-family);
	--eg-type-body-md: 400 16px/27px var(--eg-font-family);
	--eg-type-body-sm: 400 14px/22px var(--eg-font-family);
	--eg-type-body-xs: 400 12px/18px var(--eg-font-family);
	--eg-type-label-md: 600 15px/22px var(--eg-font-family);
	--eg-type-label-sm: 600 13px/18px var(--eg-font-family);
	--eg-type-label-xs: 600 11px/14px var(--eg-font-family);
	--eg-type-ui-button: 600 15px/20px var(--eg-font-family);
	--eg-type-ui-nav: 500 15px/20px var(--eg-font-family);
	--eg-type-ui-meta: 500 13px/18px var(--eg-font-family);
	--eg-type-mobile-h1: 800 30px/36px var(--eg-font-family);
	--eg-type-mobile-h2: 700 22px/29px var(--eg-font-family);
	--eg-type-mobile-body: 400 16px/26px var(--eg-font-family);
	/* letter-spacing (font kısa yazımına girmez) */
	--eg-tracking-display-xl: -1.5px;
	--eg-tracking-display-lg: -1.2px;
	--eg-tracking-h1: -1px;
	--eg-tracking-h2: -0.5px;
	--eg-tracking-h3: -0.3px;
	--eg-tracking-h4: -0.2px;
	--eg-tracking-label-xs: 0.6px;
	--eg-tracking-mobile-h1: -0.6px;
	--eg-tracking-mobile-h2: -0.3px;

	/* layout — çerçeve: sol sabit menü (≥1280) + üst çubuk + içerik alanı */
	--eg-header-height: 72px;
	--eg-side-width: 232px;
	--eg-gutter: 24px;
	/* çerçeve yüzeyleri (koyu temada yeniden tanımlanır) */
	--eg-color-hero-bg: #0b1622;
	--eg-color-promo-bg: #0b1a36;
	--eg-color-cta-from: #1f7bff;
	--eg-color-cta-to: #0f5ee0;
	--eg-color-flame: #f25c1f;
	--eg-motion-fast: 120ms;
	--eg-motion-base: 180ms;
	--eg-ease: cubic-bezier(0.2, 0, 0, 1);
}
@media (max-width: 1279px) { :root { --eg-header-height: 68px; } }
@media (max-width: 767px) { :root { --eg-gutter: 16px; --eg-header-height: 60px; } }

/* ---------- Koyu tema: <html data-theme="dark"> (inc/setup.php baş betiği; varsayılan prefers-color-scheme, seçim localStorage) ---------- */
:root[data-theme="dark"] {
	color-scheme: dark;
	--eg-color-background-page: #0b1220;
	--eg-color-background-subtle: #0f1829;
	--eg-color-background-footer: #0d1526;
	--eg-color-surface-default: #111a2b;
	--eg-color-surface-muted: #172236;
	--eg-color-surface-brand-soft: #142646;
	--eg-color-surface-success-soft: #0f2a1f;
	--eg-color-surface-danger-soft: #34181b;
	--eg-color-surface-warning-soft: #33280f;
	--eg-color-text-primary: #e7edf8;
	--eg-color-text-secondary: #aeb9cd;
	--eg-color-text-muted: #8591a8;
	--eg-color-text-inverse: #ffffff;
	--eg-color-text-link: #6aa8ff;
	--eg-color-brand-primary: #2f86ff;
	--eg-color-brand-primary-hover: #5b9dff;
	--eg-color-brand-primary-strong: #2a6ae8;
	--eg-color-brand-sky: #45b4ff;
	--eg-color-border-default: #223049;
	--eg-color-border-strong: #2e3e5b;
	--eg-color-border-brand: #3563a6;
	--eg-color-border-focus: #6aa8ff;
	--eg-color-status-success: #34c47c;
	--eg-color-status-danger: #ff6b70;
	--eg-color-status-warning: #f2b441;
	--eg-color-status-info: #6aa8ff;
	--eg-color-category-tech: #132848;
	--eg-color-category-gov: #36191d;
	--eg-color-category-home: #33280f;
	--eg-color-category-auto: #0f2d25;
	--eg-color-category-shop: #34162b;
	--eg-color-category-social: #1f1d47;
	--eg-color-category-ai: #291a42;
	--eg-color-category-game: #0e2a33;
	--eg-color-category-tech-ink: #6aa8ff;
	--eg-color-category-gov-ink: #ff8a8e;
	--eg-color-category-home-ink: #f2b84b;
	--eg-color-category-auto-ink: #45d192;
	--eg-color-category-shop-ink: #f27cc6;
	--eg-color-category-social-ink: #a594ff;
	--eg-color-category-ai-ink: #c29bff;
	--eg-color-category-game-ink: #4fc9ea;
	--eg-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
	--eg-shadow-sm: 0 4px 14px 0 rgba(0, 0, 0, 0.35);
	--eg-shadow-md: 0 10px 30px -4px rgba(0, 0, 0, 0.5);
	--eg-shadow-brand: 0 8px 20px -6px rgba(47, 134, 255, 0.35);
	--eg-focus-ring: 0 0 0 3px rgba(106, 168, 255, 0.45);
	--eg-color-hero-bg: #08111d;
	--eg-color-promo-bg: #0a1730;
	--eg-color-flame: #ff7a45;
}
@media (prefers-reduced-motion: reduce) { :root { --eg-motion-fast: 0ms; --eg-motion-base: 0ms; } }