/* =====================================================================
   OTOMATİK ÜRETİLDİ — ELLE DÜZENLEME.
   Kaynak: design-tokens.json  →  node tokens-uret.mjs   (kural.md B1)
   ===================================================================== */

:root {
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 999px;
  --size-button-height: 48px;
  --size-button-height-sm: 40px;
  --size-input-height: 48px;
  --size-touch-target-min: 48px;
  --size-icon-sm: 16px;
  --size-icon-md: 24px;
  --size-icon-lg: 32px;
  --size-app-bar-height: 64px;
  --size-app-bar-height-compact: 56px;
  --size-bottom-nav-height: 56px;
  --size-sidebar-width: 256px;
  --size-nav-rail-width: 72px;
  --size-dialog-width: 560px;
  --size-pay-icon-width: 38px;
  --size-pay-icon-height: 24px;
  --layout-content-max-width: 840px;
  --layout-grid-max-width: 1200px;
  --layout-form-max-width: 480px;
  --layout-button-max-width: 400px;
  --layout-readable-max-width: 680px;
  --color-primary: #13305a;
  --color-on-primary: #ffffff;
  --color-accent: #ffd84d;
  --color-on-accent: #14161a;
  --color-success: #0f7a4f;
  --color-warning: #a15c00;
  --color-error: #b42318;
  --color-on-surface: #16181d;
  --color-muted: #59606b;
  --color-surface: #ffffff;
  --color-surface-alt: #f4f3ef;
  --color-border: #e2e0d9;
  --color-deep: #0c1a30;
  --color-on-deep: #ffffff;
  --font-heading: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --motion-fast: 200ms;
  --motion-base: 240ms;
  --motion-easing: cubic-bezier(.2, 0, 0, 1);
  /* Tip ölçeği — Compact (0–599), mobile-first. Punto rem (C1.2), satır yüksekliği birimsiz. */
  --type-display-lg: 1.625rem; /* 26 */
  --type-display: 1.4375rem; /* 23 */
  --type-title-lg: 1.25rem; /* 20 */
  --type-title: 1.125rem; /* 18 */
  --type-body-lg: 1.125rem; /* 18 */
  --type-body: 1rem; /* 16 */
  --type-body-sm: 0.875rem; /* 14 */
  --type-caption: 0.75rem; /* 12 */
}

/* Medium + Expanded (600+): yalnız başlıklar bir kademe büyür; metin aralığı aynı kalır (C1.1) */
@media (min-width: 600px) {
  :root {
    --type-display-lg: 1.8125rem; /* 29 */
    --type-display: 1.625rem; /* 26 */
    --type-title-lg: 1.4375rem; /* 23 */
    --type-title: 1.25rem; /* 20 */
  }
}

/* Yalnız Expanded (840+): hero başlığı (C1.2 §2) */
@media (min-width: 840px) {
  :root { --type-display-xl: 2rem; /* 32 */ }
}