/*
 * inf "Kobalt Defter" tasarım belirteçleri — ÜRETİLMİŞ DOSYA, elle düzenleme.
 * Kaynak: tools/tailwind/tokens.js → tools/tailwind/gen-tokens.js (ops/build-css.sh).
 * Tüm temel şablonlar (base.html, creator/base.html, base_public.html, admin/base.html) ve bağımsız
 * sayfalar (error.html, kit.html, campaigns/report.html, campaigns/portfolio.html) bu dosyayı yükler.
 */
:root{
  /* rampalar */
  --primary-50:#EEF0FF;
  --primary-100:#E0E4FF;
  --primary-200:#C5CCFF;
  --primary-300:#A1ACFF;
  --primary-400:#7381FF;
  --primary-500:#5162F2;
  --primary-600:#3B4CDE;
  --primary-700:#2E3CB8;
  --primary-800:#293595;
  --primary-900:#25307B;
  --primary-950:#1B2360;
  --accent-50:#FFF4EE;
  --accent-100:#FFE6D8;
  --accent-200:#FFC7A6;
  --accent-300:#FFA87D;
  --accent-400:#FF864F;
  --accent-500:#F4622B;
  --accent-600:#DC4D16;
  --accent-700:#C2410C;
  --accent-800:#9A3412;
  --accent-900:#7C2D12;
  --neutral-0:#FFFFFF;
  --neutral-25:#FBFBFF;
  --neutral-50:#F4F5FB;
  --neutral-100:#EEEFF6;
  --neutral-150:#E7E9F4;
  --neutral-200:#D6DAEC;
  --neutral-300:#B9BFD3;
  --neutral-400:#969DB2;
  --neutral-500:#858DA6;
  --neutral-600:#646C82;
  --neutral-700:#5A6379;
  --neutral-800:#343B52;
  --neutral-900:#151C36;
  --neutral-950:#0F1526;
  --neutral-975:#0C1120;
  /* semantik roller */
  --bg:#F4F5FB;
  --bg-subtle:#F4F5FB;
  --surface:#FFFFFF;
  --surface-sunken:#EEEFF6;
  --surface-exhibit:#151C36;
  --surface-exhibit-deep:#0C1120;
  --text:#0F1526;
  --text-muted:#5A6379;
  --text-subtle:#5A6379;
  --text-on-primary:#FFFFFF;
  --text-link:#2E3CB8;
  --decor:#969DB2;
  --on-exhibit:#FFFFFF;
  --on-exhibit-muted:#A9AEC4;
  --on-exhibit-subtle:#A9AEC4;
  --on-exhibit-accent:#FF864F;
  --border:#E7E9F4;
  --border-strong:#D6DAEC;
  --border-field:#858DA6;
  --border-exhibit:rgba(255,255,255,.10);
  --focus:#5162F2;
  --focus-on-exhibit:#A1ACFF;
  --ok:#0F766E;
  --ok-bg:#EDFAF6;
  --ok-border:#A7E3D4;
  --ok-fill:#0F766E;
  --ok-on-exhibit:#7DD3C0;
  --warn:#92400E;
  --warn-icon:#B45309;
  --warn-bg:#FFF8EB;
  --warn-border:#F6D68A;
  --warn-on-exhibit:#FFB48C;
  --danger:#B91C1C;
  --danger-bg:#FEF2F2;
  --danger-border:#FECACA;
  --danger-fill:#B91C1C;
  --danger-on-exhibit:#FCA5A5;
  --info:#2E3CB8;
  --info-bg:#EEF0FF;
  --info-border:#C5CCFF;
  --info-on-exhibit:#C5CCFF;
  --badge:#3B4CDE;
  /* grafik rolleri (veri işareti ≥ 3:1) ve platform işaretleri */
  --chart-1:#3B4CDE;
  --chart-2:#293595;
  --chart-3:#7381FF;
  --chart-4:#858DA6;
  --chart-5:#858DA6;
  --chart-other:#858DA6;
  --chart-cost:#646C82;
  --chart-cost-area:#969DB2;
  --chart-revenue:#0E9F9A;
  --chart-roas:#3B4CDE;
  --chart-ref:#858DA6;
  --chart-spark:#3B4CDE;
  --chart-spark-on-exhibit:#A1ACFF;
  --platform-ig-1:#F9CE34;
  --platform-ig-2:#EE2A7B;
  --platform-ig-3:#6228D7;
  --platform-tt:#0B0B0B;
  --platform-tt-cyan:#25F4EE;
  --platform-tt-red:#FE2C55;
  --platform-yt:#FF0000;
  /* yazı */
  --font-sans:'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display:'Bricolage Grotesque', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-mono:'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --fs-caption:0.75rem;
  --lh-caption:1rem;
  --fs-label:0.75rem;
  --lh-label:1rem;
  --fs-body-sm:0.8125rem;
  --lh-body-sm:1.25rem;
  --fs-body:0.875rem;
  --lh-body:1.375rem;
  --fs-body-lg:1rem;
  --lh-body-lg:1.625rem;
  --fs-lead:1.125rem;
  --lh-lead:1.75rem;
  --fs-title:1.125rem;
  --lh-title:1.5rem;
  --fs-h3:1.125rem;
  --lh-h3:1.5rem;
  --fs-h2:1.5rem;
  --lh-h2:1.875rem;
  --fs-h1:1.75rem;
  --lh-h1:2.125rem;
  --fs-figure:2rem;
  --lh-figure:2.25rem;
  --fs-h2-public:2.25rem;
  --lh-h2-public:2.625rem;
  --fs-display:clamp(2.5rem, 5.2vw, 4rem);
  --lh-display:1.02;
  --tracking-caption:0.06em;
  --tracking-tight:-0.02em;
  --tracking-display:-0.03em;
  /* aralık (4 px birim), köşe, gölge, hareket, katman, denetim yüksekliği */
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:20px;
  --sp-6:24px;
  --sp-8:32px;
  --sp-10:40px;
  --sp-12:48px;
  --sp-16:64px;
  --r-sm:8px;
  --r-md:12px;
  --r-lg:16px;
  --r-xl:20px;
  --r-pill:999px;
  --sh-1:0 1px 2px rgba(15,21,38,.04);
  --sh-2:0 1px 2px rgba(15,21,38,.04), 0 14px 32px -18px rgba(46,60,184,.28);
  --sh-overlay:0 2px 6px rgba(12,17,32,.06), 0 24px 48px -20px rgba(12,17,32,.34);
  --sh-exhibit:inset 0 1px 0 rgba(255,255,255,.06), 0 24px 48px -28px rgba(20,27,54,.7);
  --dur-1:120ms;
  --dur-2:200ms;
  --dur-3:400ms;
  --ease-out:cubic-bezier(.2,.7,.3,1);
  --z-sticky:30;
  --z-dropdown:40;
  --z-tabbar:50;
  --z-toast:60;
  --z-modal:70;
  --control-sm:32px;
  --control-md:40px;
  --control-lg:48px;
  /* ESKİ ADLAR — bir sürüm boyunca takma ad (şablon göçü bitince silinir). Değer = eşlendiği rolün değeri
     (çözülmüş yazılır; eski sayfalar ve verify CSP12 aynı hex'i görür). --faint artık metin için güvenli
     --text-subtle değerinde (eski #969DB2 = --decor, 2,71:1). */
  --paper:#F4F5FB; /* → --bg */
  --paper-2:#F4F5FB; /* → --bg-subtle */
  --ink:#0F1526; /* → --text */
  --muted:#5A6379; /* → --text-muted */
  --faint:#5A6379; /* → --text-subtle */
  --hair:#E7E9F4; /* → --border */
  --hair-2:#D6DAEC; /* → --border-strong */
  --emerald:#3B4CDE; /* → --primary-600 */
  --emerald-deep:#2E3CB8; /* → --primary-700 */
  --emerald-live:#5162F2; /* → --primary-500 */
  --lime:#FF864F; /* → --accent-400 */
  --olive:#B45309; /* → --warn-icon */
  --pos:#0F766E; /* → --ok */
  --neg:#B91C1C; /* → --danger */
  --ink-900:#151C36; /* → --surface-exhibit */
  --ink-950:#0C1120; /* → --surface-exhibit-deep */
  --sh-flat:0 1px 2px rgba(15,21,38,.04); /* → --sh-1 */
  --sh-hover:0 1px 2px rgba(15,21,38,.04), 0 14px 32px -18px rgba(46,60,184,.28); /* → --sh-2 */
}