/* ADA Tasarım Sistemi token'ları — kaynak: claude.ai/artifact/5uMcsu5uXrq63EL8QPkdGQ project/tokens.json (20.10.2026) */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 22px;
  --space-7: 24px;
  --space-8: 32px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-row: 16px;
  --radius-lg: 18px;
  --radius-pill: 999px;
  --shadow-card: 0 10px 30px rgba(23,37,91,.07);
  --shadow-row: 0 6px 18px rgba(23,37,91,.05);
  --shadow-hover: 0 12px 26px rgba(23,37,91,.12);
  --shadow-pop: 0 12px 28px rgba(40,60,88,.14);
  --shadow-bar: 0 -6px 18px rgba(23,37,91,.10);
  --shadow-raised: 0 10px 22px rgba(0,0,0,.2);
  --font-display: Jost, Inter, Arial, sans-serif;
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --bg: #f3f4f1;
  --surface: #ffffff;
  --surface-soft: #fafbf8;
  --line: #e2e6dc;
  --heading: #17255b;
  --text: #3f4a5a;
  --muted: #6b7686;
  --navy: #283c58;
  --on-navy: #ffffff;
  --on-navy-muted: #c9d3df;
  --on-navy-faint: #b9c4d2;
  --green: #8ec746;
  --green-hover: #7cb536;
  --green-dark: #4f7a22;
  --green-soft: #eef6e3;
  --on-bright: #17255b;
  --green-wash: #f1f8ec;
  --green-line: #d9ecc7;
  --focus: rgba(142,199,70,.55);
  --warn: #b5532f;
  --placeholder: #8794a6;
  --amber-soft: #fbf2df;
  --amber-ink: #9a6b10;
  --live: #7ed957;
  --quota: #fcbd42;
  --poster: #e4e4e4;
  --level-pro: #d8b229;
  --level-pro-soft: #efe2ab;
  --level-pro-ink: #6e5a0e;
  --level-ileri: #b4309f;
  --level-ileri-soft: #ffd9f9;
  --level-ileri-ink: #7a1f6b;
  --level-temel: #4aa18f;
  --level-temel-soft: #b3ece1;
  --level-temel-ink: #1f6b5c;
  --level-kamp: #e8833a;
  --ig-indigo: #7478ec;
  --ig-coral: #f18181;
  --whatsapp: #25d366;
  --ot-bg: #f4f8ee;
  --ot-surface: #ffffff;
  --ot-surface2: #ecf3e1;
  --ot-border: #dfe8d1;
  --ot-text: #1e2418;
  --ot-muted: #66735a;
  --ot-brand: #9bcd56;
  --ot-brand2: #7ab13a;
  --ot-accent: #47791d;
  --ot-accent-ink: #ffffff;
  --ot-accent-soft: #e9f4d7;
  --ot-ok: #2b7a44;
  --ot-ok-soft: #e0f3e5;
  --ot-warn: #94660c;
  --ot-warn-soft: #fcf0d5;
  --ot-bad: #b1382c;
  --ot-bad-soft: #fdeae6;
  --ot-sky: #2a6d8e;
  --ot-sky-soft: #e2f0f6;
  --ot-lilac: #6b5ea8;
  --ot-lilac-soft: #edeaf8;
  --ot-logo-navy: #283c58;
  --ot-shadow: 0 1px 2px rgba(38,56,20,.06), 0 4px 16px rgba(38,56,20,.07);
}