/* Zeo Radar design tokens — single source of truth. Loaded before radar.css. See design-system/PLAYBOOK.md. */

html {
  scrollbar-gutter: stable;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  touch-action: manipulation;
}

body {
  touch-action: manipulation;
}

:root {
  --bg: #ffffff;
  --bg-side: #fff7f8;          /* Zeo pink-50 */
  --panel: #ffffff;
  --border: #e8ecf2;           /* Zeo hairline */
  --border-soft: #eef1f6;
  --ink: #012535;              /* Zeo koyu / başlık */
  --ink-2: #273041;            /* gövde metni */
  --ink-3: #5a6678;            /* ikincil */
  --ink-4: #afb8ca;            /* çok ikincil */
  --accent: #cc0a4d;           /* Zeo marka kırmızısı */
  --accent-dark: #a30046;
  --pink-100: #fde7ee;
  --pink-200: #ffcfdf;
  --green: #1a8f5a;
  --red: #cc0a4d;
  --chip-bg: #f5f8fc;
  --radius: 12px;
  --font: "Akagi Pro", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;
  --font-head: "Gilroy", "Akagi Pro", -apple-system, BlinkMacSystemFont, sans-serif;
  --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  --shadow-pop: 0 8px 30px rgba(1, 37, 53, .13), 0 2px 8px rgba(1, 37, 53, .06);
  /* Platform marka renkleri — grafik/rozet tüketicileri (dashboards, volumes, agent-analytics, AEI) */
  --plat-chatgpt: #1a1a1c;
  --plat-perplexity: #20808D;
  --plat-gemini: #4E9BFF;
  --plat-google: #F4B400;
  --plat-claude: #D97757;
  --plat-deepseek: #4D6BFE;
  /* Kategorik grafik paleti */
  --chart-1: #cc0a4d;
  --chart-2: #2563eb;
  --chart-3: #1a8f5a;
  --chart-4: #8b5cf6;
  --chart-5: #d97706;
  --chart-6: #0e7490;
}

:root {
  --hover: #f8fafc;
  --side-hover: #feeef2;
  --on-accent: #ffffff;
  --scrim: rgba(20, 21, 26, .45);
  --shadow-sm: 0 1px 3px rgba(1, 37, 53, .08);
  --shadow-md: 0 4px 14px rgba(1, 37, 53, .10);
  --ring: 0 0 0 3px var(--pink-100);
}

body.dark {
  --bg: #06131c;
  --bg-side: #0a1b26;
  --panel: #0d2130;
  --border: #1d3849;
  --border-soft: #17303f;
  --ink: #eef4f8;
  --ink-2: #c9d6de;
  --ink-3: #8aa2b0;
  --ink-4: #546c7d;
  --accent: #cc0a4d;
  --accent-dark: #e2135c;
  --pink-100: rgba(204, 10, 77, .18);
  --pink-200: #4a2438;
  --chip-bg: #14293a;
  --hover: #102331;
  --side-hover: #13293a;
  --shadow-pop: 0 10px 34px rgba(0, 0, 0, .5), 0 2px 10px rgba(0, 0, 0, .35);
  /* Koyu temada platform/grafik renkleri: koyu panel üzerinde kontrast için aydınlatıldı */
  --plat-chatgpt: #cfd8de;
  --plat-perplexity: #2fa3b3;
  --plat-gemini: #6faeff;
  --plat-google: #f6c437;
  --plat-claude: #e08a6d;
  --plat-deepseek: #6f87ff;
  --chart-1: #e2135c;
  --chart-2: #60a5fa;
  --chart-3: #6ee7b7;
  --chart-4: #a78bfa;
  --chart-5: #fbbf24;
  --chart-6: #22d3ee;
}

body.dark {
  --green: #6ee7b7;            /* redefines light #1a8f5a */
  --red: #ff8aae;              /* redefines light #cc0a4d */
  --on-accent: #ffffff;
  --scrim: rgba(2, 10, 16, .66);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, .45);
  /* --hover/--side-hover already exist here: #102331 / #13293a — keep */
}