/* ============================================================
   PingSerp marketing — TOKENS
   Kaynak-gerçeği: MARKETING_DESIGN_REFERENCE.md §2 (çelişkide .md kazanır).
   Mockup'tan BİREBİR taşındı; değerler app token kontratına bağlıdır —
   app token'ı değişirse buradaki değer de değişir.
   ============================================================ */

/* ---------- tokens ---------- */
:root{
  /* light narrative ground (app light theme tokens) */
  --bg:#F6F6F9;
  --surface:#FFFFFF;
  --ink:#17171F;
  --ink-2:#62626E;
  /* NABIZ-M tur-2 (Hasan kararı): soluk metin token'ları YALNIZ marketing
     düzleminde bir kademe açıldı — app kontratı (textFaint #84848F / #5F5F6B)
     değişmedi, widget CSS'i de aynen app değerlerini taşır. Ölçülen (AA ≥ 4.5):
     #6E6E7A → bg 4.66 · surface 5.03; #7E7E8C → isl-bg 4.93 · isl-card 4.65 ·
     isl-sheet 4.57 (öneri ~#7A7A88 kart/sheet'te 4.4'te kalıyordu, bir tık açıldı;
     --isl-ink-2 #8A8A98 hiyerarşisi korunur). */
  --ink-3:#6E6E7A;
  --line:rgba(16,16,26,.08);
  --line-strong:rgba(16,16,26,.16);

  /* brand */
  --brand:#534AB7;            /* fills + large display only on dark; free on light */
  --accent:#4B43AB;           /* small accent text on light (AA) */
  --brand-soft-l:#6A61CE;

  /* dark product islands (app dark theme tokens) */
  --isl-bg:#0A0A12;
  --isl-card:#12121C;
  --isl-sheet:#14141F;
  --isl-line:rgba(255,255,255,.07);
  --isl-line-strong:rgba(255,255,255,.18);
  --isl-ink:#F5F5F7;
  --isl-ink-2:#8A8A98;
  --isl-ink-3:#7E7E8C;   /* app: #5F5F6B — marketing AA kademesi, üstteki not */
  --isl-accent:#7F77DD;       /* small accent text on dark (AA) */
  --brand-soft-d:#AFA9EC;
  --brand-text-d:#CECBF6;

  /* semantics — rank movement ONLY (never decorative) */
  --up-d:#5DCAA5;  --down-d:#F09595;   /* on dark */
  --up-l:#1E7A57;  --down-l:#C14848;   /* on light */
  --warn-d:#EF9F27; --warn-l:#9A6206;
  --alert-d:#D85A30;

  --font-sans:"Geist","Geist Sans","Geist Variable",-apple-system,"Segoe UI",system-ui,sans-serif;
  --font-mono:"Geist Mono","Geist Mono Variable",ui-monospace,SFMono-Regular,Menlo,monospace;

  --r-s:8px; --r-m:12px; --r-l:16px; --r-xl:20px;
  --container:1120px;
}