/* ajans.one design tokens — AJA-20 (2026-08-12), yeniden yapim guncellemesi (2026-08-30)
 *
 * KURAL: Bu dosyadaki MARKA degerleri (renk + tipografi) AJA-20'nin dogruladigi
 * degerlerdir ve degistirilmez. 30 Agustos yeniden yapiminda tek satir marka rengi
 * veya font degismedi; yalnizca duzen, olcek ve hareket token'lari EKLENDI.
 *
 * Her metin/zemin cifti WCAG-AA dogrulanmistir; olculen oranlar brand/identity §3'te
 * ve brand/tools/contrast.py ile tekrar uretilebilir.
 * Kural: --color-accent ACIK yuzeylerde ASLA metin tasimaz — orada --color-accent-deep
 * kullanilir; parlak accent koyu/birincil yuzeyler ve tasiyici olmayan grafikler icindir.
 */
:root {
  /* ---- Marka renkleri (AJA-20 — DEGISMEZ) ---- */
  --color-primary: #0E3A53;        /* derin petrol mavisi — basliklar, butonlar, logo */
  --color-primary-hover: #0B2E42;
  --color-secondary: #166578;      /* teal — baglantilar, ikincil vurgu */
  --color-accent: #E8A33D;         /* amber — yalnizca koyu/birincil yuzeylerde */
  --color-accent-deep: #8A5507;    /* acik yuzeylerde metin tasiyan amber */

  /* ---- Acik tema (AJA-20 — DEGISMEZ) ---- */
  --color-ink: #182730;            /* govde metni */
  --color-ink-soft: #44555F;       /* soluk metin */
  --color-surface: #FFFFFF;
  --color-surface-alt: #F2F6F7;
  --color-line: #D5DEE2;           /* kenarlik, ayrac */

  /* ---- Koyu tema (AJA-20 — DEGISMEZ) ---- */
  --color-dark-surface: #0D1B24;
  --color-dark-raised: #142934;    /* koyu zeminde kartlar */
  --color-dark-text: #E9EFF2;
  --color-dark-muted: #9FB4BE;

  /* ---- Tipografi (AJA-20 — DEGISMEZ; her iki font SIL OFL, Turkce glifler dogrulandi) ---- */
  --font-heading: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
  --font-weight-heading: 600;
  --font-weight-body: 400;
  --font-weight-body-strong: 600;

  /* ---- Tip olcegi ---- */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.375rem;
  --leading-body: 1.6;
  --leading-heading: 1.15;

  /* ---- Bicim ve bosluk ---- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-badge: 20px;
  --space-unit: 8px;

  /* ===================================================================
   * Asagisi 30 Agustos 2026 yeniden yapiminda EKLENDI.
   * Marka degeri tanimlamaz; yalnizca duzen, ritim ve hareket.
   * =================================================================== */

  /* Akiskan baslik olcegi — kucuk ekranda tasmaz, genis ekranda editoryal durur */
  --text-hero: clamp(2rem, 1.4rem + 2.6vw, 3.15rem);
  --text-section: clamp(1.6rem, 1.35rem + 1.15vw, 2.25rem);
  --text-lead: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
  --text-stat: clamp(2.5rem, 2rem + 2.4vw, 3.75rem);

  /* Bosluk olcegi — 8px birimin katlari, adi verilmis */
  --s-1: calc(var(--space-unit) * 0.5);    /*  4px */
  --s-2: var(--space-unit);                /*  8px */
  --s-3: calc(var(--space-unit) * 1.5);    /* 12px */
  --s-4: calc(var(--space-unit) * 2);      /* 16px */
  --s-5: calc(var(--space-unit) * 3);      /* 24px */
  --s-6: calc(var(--space-unit) * 4);      /* 32px */
  --s-7: calc(var(--space-unit) * 6);      /* 48px */
  --s-8: calc(var(--space-unit) * 8);      /* 64px */
  --s-9: calc(var(--space-unit) * 12);     /* 96px */

  /* Olcu — govde metni 44rem'de kalir, yuzeyler tam genislik */
  --measure: 44rem;
  --measure-wide: 62rem;

  /* Golge — petrol mavisinin kendi tonundan turetilmis, notr gri degil */
  --shadow-sm: 0 1px 2px rgba(14, 58, 83, 0.06),
               0 2px 6px rgba(14, 58, 83, 0.05);
  --shadow-md: 0 2px 4px rgba(14, 58, 83, 0.06),
               0 8px 24px rgba(14, 58, 83, 0.10);
  --shadow-lg: 0 4px 8px rgba(13, 27, 36, 0.14),
               0 18px 48px rgba(13, 27, 36, 0.26);

  /* Hareket */
  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);
  --dur-fast: 140ms;
  --dur: 260ms;
}