/* ==========================================================================
   MEET Medya — Design Tokens
   Bricks karşılığı: Theme Styles → CSS Variables (aynı isimlerle taşınır).
   Kural: component'ler ham renk/px kullanmaz, yalnızca bu değişkenleri kullanır.
   ========================================================================== */

/* --- Bricks'ten düzenlenebilir token'lar ------------------------------------
   Renk, tipografi ve boşluk ölçeği Bricks → Variables'ta AYNI isimlerle kayıtlı.
   Bricks değişkenleri sayfaya katmansız basılır; buradaki tanımlar @layer içinde olduğu için
   Bricks'teki değer her zaman kazanır. Bricks'te değer yoksa bu varsayılanlar devreye girer.
   (Kurulum/güncelleme: wordpress/setup/bricks-globals.php) */
@layer meet-defaults {
  :root {
  --meet-navy: #004e72;       /* ana marka rengi — wordmark, sağ figür */
  --meet-orange: #f36f46;     /* aksan — sol figür. Küçük metinde kağıt üstünde KULLANMA (kontrast 2.55:1) */
  --meet-ink: #10252D;        /* Ink — gövde metni (Ivory üstünde 14.2:1) */
  --meet-navy-deep: #063B52;  /* Dark Blue — koyu bölümlerin zemini */
  --meet-navy-soft: #0B4560;  /* koyu bölümde panel yüzeyi — üstünde küçük coral metin YOK (4.35) */
  --meet-paper: #F5F2EB;      /* Warm Ivory — kağıt zemin */
  --meet-paper-dim: #EBE6DC;  /* kağıt üstünde ikincil yüzey */
  --meet-stone: #56666B;      /* ikincil metin (Ivory 5.35, dim 4.81) */
  --step--1: clamp(0.8125rem, 0.79rem + 0.1vw, 0.875rem);
  --step-0: clamp(1rem, 0.96rem + 0.19vw, 1.125rem);
  --step-1: clamp(1.2rem, 1.12rem + 0.37vw, 1.5rem);
  --step-2: clamp(1.44rem, 1.29rem + 0.67vw, 2rem);
  --step-3: clamp(1.73rem, 1.47rem + 1.13vw, 2.67rem);
  --step-4: clamp(2.07rem, 1.64rem + 1.93vw, 3.55rem);
  --step-5: clamp(2.49rem, 1.8rem + 3.1vw, 4.74rem);
  --step-6: clamp(2.99rem, 1.6rem + 6.2vw, 7.5rem);
  --step-mega: clamp(3.6rem, 0.6rem + 11.6vw, 15rem);
  --space-3xs: clamp(0.25rem, 0.23rem + 0.09vw, 0.31rem);
  --space-2xs: clamp(0.5rem, 0.47rem + 0.19vw, 0.63rem);
  --space-xs: clamp(0.75rem, 0.7rem + 0.28vw, 0.94rem);
  --space-s: clamp(1rem, 0.93rem + 0.37vw, 1.25rem);
  --space-m: clamp(1.5rem, 1.39rem + 0.56vw, 1.88rem);
  --space-l: clamp(2rem, 1.85rem + 0.74vw, 2.5rem);
  --space-xl: clamp(3rem, 2.78rem + 1.11vw, 3.75rem);
  --space-2xl: clamp(4rem, 3.33rem + 3vw, 6rem);
  --space-3xl: clamp(6rem, 4.67rem + 6vw, 10rem);
  }
}

@layer meet-defaults {
  :root {
    --meet-white: #ffffff;
  }
}

:root {
  /* --- Tipografi -------------------------------------------------------- */
  /* Tek aile (Apple mantığı): Satoshi. Vurgu = aynı ailenin italiği + coral (Mehmet, 2026-09-22: serif kalktı) */
  --font-sans: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-accent: var(--font-sans);
  --font-serif: var(--font-accent); /* geriye uyumluluk */

  /* Akışkan tip ölçeği — 360px → 1440px (min 1.2, max 1.333 oran) */

  --leading-tight: 0.92;
  --leading-snug: 1.12;
  --leading-body: 1.55;
  --tracking-tight: -0.045em;
  --tracking-snug: -0.025em;
  --tracking-label: 0.08em;

  /* --- Boşluk ölçeği (akışkan) ----------------------------------------- */
  --section-pad: var(--space-3xl);

  /* --- Grid ------------------------------------------------------------- */
  --grid-cols: 12;
  --grid-gap: clamp(0.75rem, 0.5rem + 1.1vw, 1.5rem);
  --container-max: 1520px;
  --container-pad: clamp(1rem, 0.4rem + 3vw, 3.5rem);

  /* --- Biçim ------------------------------------------------------------ */
  --radius-s: 6px;
  --radius-m: 14px;
  --radius-pill: 999px;
  --line-w: 1px;

  /* --- Hareket ---------------------------------------------------------- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.25s;
  --dur-base: 0.5s;
  --dur-slow: 0.9s;

  --header-h: 72px;
}

/* --- Bölüm temaları --------------------------------------------------------
   Her section data-theme alır; alt öğeler yalnızca --bg/--fg/--muted/--line/--accent okur.
   Bricks: section'a global class .theme-paper / .theme-navy / .theme-orange */
.theme-paper,
[data-theme='paper'] {
  --bg: var(--meet-paper);
  --fg: var(--meet-ink);
  --heading: var(--meet-navy);
  --muted: var(--meet-stone);
  --line: rgba(16, 37, 45, 0.14);
  --accent: var(--meet-orange);
  --accent-text: #b3401b; /* kağıt üstünde okunur turuncu (AA) */
  --surface: var(--meet-paper-dim);
}

.theme-navy,
[data-theme='navy'] {
  --bg: var(--meet-navy-deep);
  --fg: var(--meet-paper);
  --heading: var(--meet-paper);
  --muted: rgba(243, 239, 232, 0.66);
  --line: rgba(243, 239, 232, 0.16);
  --accent: var(--meet-orange);
  --accent-text: #F98A67; /* açık coral: Dark Blue üstünde küçük metin AA (5.05) */
  --surface: var(--meet-navy-soft);
}

.theme-orange,
[data-theme='orange'] {
  --bg: var(--meet-orange);
  --fg: var(--meet-ink);
  --heading: var(--meet-ink);
  --muted: rgba(16, 37, 45, 0.68);
  --line: rgba(16, 37, 45, 0.2);
  --accent: var(--meet-navy);
  --accent-text: var(--meet-navy-deep);
  --surface: #ec5f35;
}