/* ==========================================================================
   VARIABLES.CSS
   Design system token katmanı. Bu dosya, tasarım sisteminde belirlenen
   renk / tipografi / spacing / radius / gölge / geçiş değerlerini
   CSS Custom Property olarak tanımlar. WordPress'e geçişte bu dosya
   theme.json içindeki "settings" bloğuna doğrudan taşınabilir.
   ========================================================================== */

:root {
  /* ------------------------------------------------------------------
     RENK PALETİ
     ------------------------------------------------------------------ */
  --color-primary: #0B2545;
  --color-primary-light: #123A66;
  --color-primary-dark: #071A33;

  --color-secondary: #4E5D6C;
  --color-secondary-light: #6B7A89;

  --color-accent: #17B8A6;
  --color-accent-dark: #139C8D;
  --color-accent-light: #4FD1C2;

  /* Metin renkleri */
  --color-heading: #0A1A2C;
  --color-text: #4A5560;
  --color-text-light: #6B7684;
  --color-text-inverse: #FFFFFF;
  --color-text-inverse-soft: #C7D0D9;

  /* Arka plan renkleri */
  --color-bg: #FFFFFF;
  --color-bg-alt: #F6F8FA;
  --color-bg-dark: #0B2545;

  /* Border renkleri */
  --color-border: #E3E7EC;
  --color-border-dark: rgba(255, 255, 255, 0.12);
  --color-border-focus: var(--color-accent);

  /* Sistem renkleri */
  --color-success: #1DA463;
  --color-warning: #E8A93C;
  --color-error: #D9483C;
  --color-info: #3B82C4;

  /* ------------------------------------------------------------------
     TİPOGRAFİ
     ------------------------------------------------------------------ */
  --font-heading: 'Manrope', 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;

  --fs-h1: clamp(2.25rem, 1.6rem + 3vw, 3.5rem);
  --fs-h2: clamp(1.75rem, 1.4rem + 1.8vw, 2.5rem);
  --fs-h3: clamp(1.375rem, 1.2rem + 0.9vw, 2rem);
  --fs-h4: clamp(1.125rem, 1.05rem + 0.4vw, 1.5rem);
  --fs-h5: clamp(1.0625rem, 1rem + 0.2vw, 1.25rem);
  --fs-h6: 0.875rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --fs-button: 0.9375rem;

  --lh-heading: 1.2;
  --lh-body: 1.7;

  --ls-heading: -0.02em;
  --ls-eyebrow: 0.08em;
  --ls-button: 0.01em;

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

  /* ------------------------------------------------------------------
     SPACING (4px bazlı ölçek)
     ------------------------------------------------------------------ */
  --space-1: 0.25rem;   /* 4px */
  --space-2: 0.5rem;    /* 8px */
  --space-3: 0.75rem;   /* 12px */
  --space-4: 1rem;      /* 16px */
  --space-5: 1.5rem;    /* 24px */
  --space-6: 2rem;      /* 32px */
  --space-7: 3rem;      /* 48px */
  --space-8: 4rem;      /* 64px */
  --space-9: 6rem;      /* 96px */
  --space-10: 8rem;     /* 128px */

  --section-padding-y: clamp(3.5rem, 2.5rem + 5vw, 10rem);

  /* ------------------------------------------------------------------
     LAYOUT
     ------------------------------------------------------------------ */
  --container-max: 1320px;
  --container-padding-x: clamp(1.25rem, 4vw, 2.5rem);

  --header-height: 88px;
  --header-height-scrolled: 72px;
  --topbar-height: 40px;

  /* ------------------------------------------------------------------
     RADIUS
     ------------------------------------------------------------------ */
  --radius-btn: 8px;
  --radius-card: 16px;
  --radius-input: 10px;
  --radius-modal: 20px;
  --radius-img: 16px;
  --radius-pill: 999px;

  /* ------------------------------------------------------------------
     GÖLGE
     ------------------------------------------------------------------ */
  --shadow-card: 0 2px 8px rgba(11, 37, 69, 0.06);
  --shadow-hover: 0 16px 40px rgba(11, 37, 69, 0.14);
  --shadow-dropdown: 0 12px 32px rgba(11, 37, 69, 0.12);
  --shadow-navbar: 0 1px 0 rgba(11, 37, 69, 0.06);
  --shadow-modal: 0 24px 64px rgba(11, 37, 69, 0.24);

  /* ------------------------------------------------------------------
     GEÇİŞ / EASING
     ------------------------------------------------------------------ */
  --ease-default: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 200ms;
  --transition-base: 300ms;
  --transition-slow: 500ms;

  /* ------------------------------------------------------------------
     Z-INDEX ÖLÇEĞİ
     ------------------------------------------------------------------ */
  --z-topbar: 1000;
  --z-header: 1010;
  --z-mega-menu: 1020;
  --z-mobile-menu: 1050;
  --z-mobile-overlay: 1040;
}