/* ==========================================================================
   Pusula Koçluk — tokens.css
   Onaylı tasarım sisteminin tek kaynağı. Renk, tipografi, ölçü ve motion
   değerleri yalnızca burada tanımlanır; bileşenler bu tokenları kullanır.
   Kaynak: 04_TASARIM_SISTEMI/DESIGN_TOKENS.md + onaylı .dc.html exportu.
   ========================================================================== */

:root {
  /* --- Lacivert yüzeyler ------------------------------------------------ */
  --pk-navy-950: #061225; /* en koyu zemin, footer  */
  --pk-navy-900: #0b1f3a; /* ana koyu zemin         */
  --pk-navy-880: #071528; /* sistem bölümü zemini   */
  --pk-navy-870: #050f1f; /* footer alt zemin       */
  --pk-navy-850: #10294a; /* kart / katman yüzeyi   */
  --pk-navy-800: #12325c; /* radial gradient odağı  */
  --pk-navy-780: #13315a; /* açık bölüm pano zemini */
  --pk-navy-760: #081a31;

  /* --- Altın ------------------------------------------------------------ */
  --pk-gold-400: #e7c46a; /* hover / parlak vurgu   */
  --pk-gold-500: #d4af37; /* ana vurgu              */
  --pk-gold-600: #b8932f; /* koyu altın, numaralar  */
  /* Kırık beyaz zemin üzerinde metin için koyulaştırılmış altın.
     gold-600 kırık beyaz üzerinde yalnızca 2.71:1 verdiği için WCAG AA
     (4.5:1) hedefini karşılamıyordu; bu ton 4.5:1 üzerine çıkar ve altın
     karakterini korur. Koyu zeminlerde gold-600 kullanılmaya devam eder. */
  --pk-gold-700: #836821;
  --pk-gold-soft: #c9b77a;

  /* --- Kırık beyaz ve metin --------------------------------------------- */
  --pk-ivory: #faf7f0; /* açık bölüm zemini / ana metin */
  --pk-text-heading: #faf7f0;
  --pk-text-heading-soft: #f3eee2;
  --pk-text-body: #b9c2cf;
  --pk-text-card: #aeb7c4;
  --pk-text-item: #ede7db;
  --pk-text-item-sub: #9ba6b4;
  --pk-text-acc-sub: #939fad;
  --pk-text-footer: #c4cddb;
  --pk-text-cta: #dce2ea;
  /* Aşağıdaki iki ton, exportun #8D98AA / #6B7688 değerlerinden WCAG AA
     için ~%2-4 açıldı (4.40 → 4.52 ve 4.18 → 4.51). Fark gözle
     ayırt edilemez, art direction korunur. */
  --pk-text-muted: #8f9aac;
  --pk-text-dim: #757f91;
  --pk-text-nav: #efe9dc;
  --pk-text-on-light: #3a4658;

  /* --- Altın alfa katmanları -------------------------------------------- */
  --pk-gold-a04: rgba(212, 175, 55, 0.04);
  --pk-gold-a05: rgba(212, 175, 55, 0.05);
  --pk-gold-a08: rgba(212, 175, 55, 0.08);
  --pk-gold-a10: rgba(212, 175, 55, 0.1);
  --pk-gold-a12: rgba(212, 175, 55, 0.12);
  --pk-gold-a14: rgba(212, 175, 55, 0.14);
  --pk-gold-a16: rgba(212, 175, 55, 0.16);
  --pk-gold-a18: rgba(212, 175, 55, 0.18);
  --pk-gold-a20: rgba(212, 175, 55, 0.2);
  --pk-gold-a28: rgba(212, 175, 55, 0.28);
  --pk-gold-a30: rgba(212, 175, 55, 0.3);
  --pk-gold-a40: rgba(212, 175, 55, 0.4);
  --pk-gold-a45: rgba(212, 175, 55, 0.45);
  --pk-gold-a62: rgba(212, 175, 55, 0.62);

  /* --- Tipografi -------------------------------------------------------- */
  --pk-font-display: "Playfair Display", "Iowan Old Style", "Palatino Linotype",
    Palatino, Georgia, "Times New Roman", serif;
  --pk-font-body: "Montserrat", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --pk-fs-hero: clamp(34px, 4.4vw, 60px);
  --pk-fs-h2: clamp(30px, 4vw, 50px);
  --pk-fs-h2-light: clamp(30px, 3.8vw, 46px);
  --pk-fs-h3-panel: clamp(23px, 2.5vw, 33px);
  --pk-fs-footer-lead: clamp(24px, 2.6vw, 34px);
  --pk-fs-lead: clamp(15.5px, 1.3vw, 18px);
  --pk-fs-lead-light: clamp(15px, 1.15vw, 17px);
  --pk-fs-cta-lead: clamp(16px, 1.3vw, 18px);

  --pk-ls-eyebrow: 0.4em;
  --pk-ls-eyebrow-sm: 0.34em;

  /* --- Layout ----------------------------------------------------------- */
  --pk-container: 1280px;
  --pk-container-md: 1200px;
  --pk-container-sm: 1180px;
  --pk-gutter: clamp(20px, 5vw, 72px);
  --pk-header-h: 74px;
  --pk-scroll-offset: calc(var(--pk-header-h) + 10px);

  --pk-section-y: clamp(96px, 13vh, 168px);
  --pk-section-y-cta: clamp(100px, 14vh, 176px);
  --pk-hero-pt: clamp(128px, 17vh, 184px);
  --pk-hero-pb: clamp(84px, 10vh, 120px);

  /* --- Köşe yarıçapları ------------------------------------------------- */
  --pk-r-sm: 9px;
  --pk-r-btn: 10px;
  --pk-r-md: 14px;
  --pk-r-card: 16px;
  --pk-r-card-lg: 18px;
  --pk-r-panel: 20px;

  /* --- Gölge ve glow ---------------------------------------------------- */
  --pk-shadow-gold: 0 14px 40px -22px rgba(212, 175, 55, 0.7);
  --pk-shadow-gold-hover: 0 20px 46px -22px rgba(212, 175, 55, 0.75);
  --pk-shadow-card-active: 0 34px 66px -44px rgba(0, 0, 0, 0.8),
    0 0 0 1px rgba(212, 175, 55, 0.14);
  --pk-shadow-header: 0 12px 34px -22px rgba(0, 0, 0, 0.9);
  --pk-shadow-panel: 0 34px 70px -44px rgba(11, 31, 58, 0.6);

  /* --- Motion ----------------------------------------------------------- */
  --pk-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --pk-dur-fast: 0.25s;
  --pk-dur-mid: 0.45s;
  --pk-dur-slow: 0.6s;

  /* Pasif sistem kartı opaklığı.
     Export .48 kullanıyordu; üretimde WCAG AA okunabilirliği için .9'a
     çekildi (KRITIK_KURALLAR: ~.72 altına düşmemeli). Aktif/pasif farkı
     border, zemin, ikon, başlık rengi, yükselme ve glow ile anlatılır. */
  --pk-card-idle-opacity: 0.9;

  /* Minimum dokunma hedefi (WCAG 2.2 AA) */
  --pk-touch: 44px;
}