/* ============================================================
   İKASYON — Design Tokens
   "İK Sicili / Registry" sistemi: derin indigo + lavanta + sıcak coral aksan
   ============================================================ */
:root {
  /* — Renk: marka çekirdeği — */
  --brand:        #161451;   /* derin indigo — başlık, koyu bölüm, kurumsal güven */
  --brand-700:    #1E1B63;
  --brand-600:    #2A2683;
  --lav:          #9999FF;   /* marka lavantası — büyük/dekoratif alanlar */
  --lav-200:      #C3C3E2;
  --lav-050:      #EEEDFB;
  --violet:       #5B53E6;   /* etkileşim moru — link/odak (AA on white) */
  --violet-700:   #443BC4;

  /* — Aksiyon aksanı (CTA) — lavanta; KOYU metinle AA — */
  --accent:       #9999FB;   /* marka lavantası — ana CTA (koyu indigo metinle, ~6.9:1) */
  --accent-600:   #7E7EF6;   /* hover (biraz daha koyu lavanta) */
  --accent-ink:   #5B53E6;   /* beyaz üstünde okunur mor metin (eyebrow/link) */
  --amber:        #F5A524;   /* yıldız/rozet vurgusu (seyrek) */

  /* — Nötrler — */
  --ink:          #14132E;   /* ana metin (sıcak indigo-siyah) */
  --ink-2:        #3A3852;   /* koyu ikincil */
  --muted:        #5F5D78;   /* ikincil metin (AA on white) */
  --bg:           #FFFFFF;
  --surface:      #F6F5FC;   /* hafif lavanta zemin */
  --surface-2:    #EEEDF8;
  --line:         #E6E4F2;   /* lavanta-gri kenar */
  --line-strong:  #D6D3EC;
  --white:        #FFFFFF;

  /* koyu bölüm üstü metinler */
  --on-dark:      #F4F3FF;
  --on-dark-mut:  #B9B6E6;

  /* — Tipografi (Montserrat + metrik-eşleşmeli yedek) — */
  --font-display: "Montserrat", "Montserrat Fallback", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-body:    "Montserrat", "Montserrat Fallback", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-mono:    "Montserrat", "Montserrat Fallback", system-ui, sans-serif;

  /* akıcı tip ölçeği */
  --fs-eyebrow:   clamp(.72rem, .68rem + .2vw, .8rem);
  --fs-body:      clamp(1rem, .97rem + .15vw, 1.075rem);
  --fs-lead:      clamp(1.1rem, 1rem + .5vw, 1.3rem);
  --fs-h4:        clamp(1.05rem, 1rem + .4vw, 1.25rem);
  --fs-h3:        clamp(1.3rem, 1.15rem + .8vw, 1.7rem);
  --fs-h2:        clamp(2.1rem, 1.55rem + 2.4vw, 3.5rem);
  --fs-h1:        clamp(2.7rem, 1.9rem + 3.4vw, 4.9rem);
  --fs-display:   clamp(3.2rem, 2rem + 4.6vw, 5.8rem);

  /* — Boşluk (8px skala) — */
  --s-1: .25rem;  --s-2: .5rem;  --s-3: .75rem; --s-4: 1rem;  --s-5: 1.5rem;
  --s-6: 2rem;    --s-7: 3rem;   --s-8: 4rem;   --s-9: 6rem;  --s-10: 8rem;

  /* — Yarıçap — */
  --r-xs: 6px; --r-sm: 10px; --r-md: 14px; --r-lg: 20px; --r-xl: 28px; --r-pill: 999px;

  /* — Gölge (yumuşak, katmanlı) — */
  --sh-xs: 0 1px 2px rgba(20,19,46,.06);
  --sh-sm: 0 2px 10px rgba(22,20,81,.07), 0 1px 2px rgba(20,19,46,.05);
  --sh-md: 0 14px 36px -14px rgba(22,20,81,.20), 0 3px 8px rgba(22,20,81,.07);
  --sh-lg: 0 34px 70px -22px rgba(22,20,81,.32), 0 8px 22px rgba(22,20,81,.10);
  --sh-accent: 0 14px 32px -10px rgba(123,123,246,.6);
  --sh-brand:  0 16px 34px -12px rgba(22,20,81,.5);

  /* — Gradyan & parıltı (impact) — */
  --grad-brand:  linear-gradient(120deg,#2A2683 0%,#5B53E6 48%,#9999FB 100%);
  --grad-text:   linear-gradient(100deg,#5B53E6,#9999FB 70%);
  --grad-soft:   linear-gradient(180deg,#FFFFFF 0%,#F4F3FF 100%);
  --grad-dark:   radial-gradient(120% 120% at 80% -10%,#2A2683 0%,#1A1660 40%,#0F0C3D 100%);
  --glow-lav:    0 30px 80px -24px rgba(91,83,230,.55);
  --glow-ring:   0 0 0 1px rgba(91,83,230,.10), 0 30px 70px -28px rgba(22,20,81,.30);

  /* — Layout — */
  --container: 1200px;
  --container-wide: 1320px;
  --nav-h: 74px;

  /* — Geçiş — */
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --t-fast: .16s; --t: .28s; --t-slow: .5s;
}