/* ==========================================================================
   StableScore AI — tasarım token'ları (TEK KAYNAK)
   Kaynak: design/directions/index.html → "Seçilen yön" (onay 2026-10-06)
   Kural: ham renk ve köşe değerleri yalnız bu dosyada durur.
          Diğer CSS dosyaları var(--…) kullanır (tools/check_css.py denetler).
   ========================================================================== */

/* ---------- Fontlar (self-host, SIL OFL 1.1; lisanslar assets/fonts/) ---------- */
/* Not: "→" (U+2192) ve "≈" (U+2248) latin/latin-ext alt kümelerinde yok;
   bu iki karakter sistem fontundan gelir (onaylı önizlemede de böyleydi). */
@font-face {
  font-family: "Schibsted Grotesk";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("../fonts/schibsted-grotesk-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Schibsted Grotesk";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("../fonts/schibsted-grotesk-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("../fonts/source-sans-3-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("../fonts/source-sans-3-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Metrik uyumlu yedek (CLS azaltma). Değerler yaklaşık; Aşama 3'te ölçülerek ince ayar yapılabilir. */
@font-face {
  font-family: "Source Sans 3 Fallback";
  src: local("Arial"), local("Helvetica Neue"), local("Helvetica");
  size-adjust: 93%;
  ascent-override: 110%;
  descent-override: 43%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Schibsted Grotesk Fallback";
  src: local("Arial"), local("Helvetica Neue"), local("Helvetica");
  size-adjust: 102%;
}

:root {
  /* ---------- Renk ---------- */
  --c-bg: #f4f7f9;
  --c-surface: #ffffff;
  --c-ink: #0b1f33;
  --c-muted: #4d6276;
  --c-line: #d8e2e9;
  --c-line-strong: #c3d1dc;

  --c-navy: #09233c;
  --c-navy-muted: #a9bdd0;           /* koyu zeminde ikincil metin, 8,26:1 */
  --c-navy-line: rgba(169, 189, 208, .22);
  --c-on-dark: #ffffff;

  --c-primary: #1264e8;
  --c-primary-hover: #0c4fc2;
  --c-on-primary: #ffffff;

  --c-teal: #12b8a6;                 /* koyu zeminde vurgu, kanıt rakamı, koyu logo "AI" */
  --c-teal-ink: #0a7a6d;             /* açık zeminde teal metin, açık logo "AI" — koyu zeminde KULLANILMAZ */
  --c-teal-soft: #e6f6f3;            /* sonraki aksiyon, ikon zemini */
  --c-teal-mark: #a6e6dc;            /* başlık vurgu işareti (yalnız H1/H2), seçim rengi */
  --c-meter-track: #e3ebf0;

  --c-positive: #0a7a6d;
  --c-warning: #9a5800;
  --c-risk: #c02a3a;
  --c-focus: #1264e8;

  --c-header-bg: rgba(244, 247, 249, .88);
  --c-shadow: rgba(9, 35, 60, .45);

  --grad-brand-from: #1264e8;
  --grad-brand-to: #12b8a6;
  --grad-brand: linear-gradient(135deg, var(--grad-brand-from), var(--grad-brand-to) 95%);

  /* Koyu panel dokuları (hero paneli, kanıt şeridi) */
  --tex-dots: radial-gradient(rgba(255, 255, 255, .08) 1.2px, transparent 1.3px) 0 0 / 18px 18px;
  --tex-dots-soft: radial-gradient(rgba(255, 255, 255, .06) 1.2px, transparent 1.3px) 0 0 / 18px 18px;
  --glow-hero: radial-gradient(90% 70% at 0% 100%, rgba(18, 184, 166, .30), transparent 60%);
  --glow-proof: radial-gradient(70% 120% at 100% 0%, rgba(18, 184, 166, .20), transparent 60%);

  /* ---------- Tipografi ---------- */
  --font-display: "Schibsted Grotesk", "Schibsted Grotesk Fallback", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Source Sans 3", "Source Sans 3 Fallback", ui-sans-serif, system-ui, sans-serif;

  --fw-display: 800;
  --fw-heading: 750;
  --fw-strong: 700;
  --fw-medium: 650;
  --fw-semibold: 600;
  --fw-body: 400;

  --track-display: -0.035em;
  --track-heading: -0.02em;
  --track-tight: -0.03em;

  --lh-display: 1.04;
  --lh-heading: 1.1;
  --lh-snug: 1.3;
  --lh-body: 1.55;

  --fs-h1: clamp(2.05rem, 1.35rem + 3.1vw, 4.1rem);
  --fs-h2: clamp(1.6rem, 1.2rem + 1.8vw, 2.6rem);
  --fs-h3: clamp(1.3rem, 1.15rem + .6vw, 1.65rem);
  --fs-h4: 1.15rem;
  --fs-lead: clamp(1rem, .93rem + .35vw, 1.156rem);
  --fs-body: 1rem;
  --fs-prose: 1.0625rem;
  --fs-md: .9375rem;                 /* 15 px */
  --fs-sm: .875rem;                  /* 14 px */
  --fs-xs: .8125rem;                 /* 13 px — uyarı cümlesinin alt sınırı */
  --fs-2xs: .71875rem;               /* 11,5 px — yalnız dil rozeti */
  --fs-proof-num: clamp(1.5rem, 15cqi, 3.2rem);

  /* ---------- Boşluk ve düzen ---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 28px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-section: clamp(36px, 7vw, 84px);

  --gutter: clamp(16px, 4vw, 40px);
  --container: 1180px;
  --measure: 68ch;
  --header-h: 68px;

  --tap: 44px;
  --btn-h: 48px;
  --btn-h-sm: 38px;

  /* ---------- Köşe: sıcaklık kuralları ----------
     Görünür zemini/çizgisi olan blok 12 px'ten küçük köşe kullanmaz (--r-xs istisna). */
  --r-pill: 999px;                   /* butonlar, sekmeler, rozetler */
  --r-panel: 28px;                   /* koyu hero/kart paneli, büyük bloklar */
  --r-card: 22px;                    /* karar kartı, sekme paneli, içerik kartları */
  --r-inner: 16px;                   /* kart içi kutu (sonraki aksiyon) */
  --r-field: 12px;                   /* form alanları, küçük kutular */
  --r-xs: 6px;                       /* yalnız dil rozeti ve satır içi etiket */
  --r-round: 50%;                    /* ikon daireleri, adım numaraları */

  /* ---------- Gölge ---------- */
  --shadow-card: 0 32px 60px -32px rgba(0, 0, 0, .6);
  --shadow-primary: 0 12px 24px -14px rgba(18, 100, 232, .85);
  --shadow-knob: 0 1px 3px var(--c-shadow);
  --shadow-float: 0 24px 48px -24px rgba(9, 35, 60, .35);
  --ring-line: inset 0 0 0 1px var(--c-line);
  --ring-strong: inset 0 0 0 1.5px var(--c-line-strong);

  /* ---------- Hareket ---------- */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur: .2s;
  --dur-meter: 1.1s;
}