/* @aiprobe/design-tokens v1.0.0 — AI Probe ortak görsel dil.
   Kaynak: aiprobe-sites/packages/ui (indigo marka, koyu öncelikli). Tüm değişkenler `--aip-` önekli:
   ürün CSS'iyle çakışmaz ve Shadow DOM'a (aiprobe-switcher) miras geçer.
   Tema: varsayılan açık; prefers-color-scheme: dark → koyu. `data-aip-theme="light|dark"` ile zorlanabilir.
   Anlam: --aip-ai (mor) yalnız AI, --aip-human (yeşil) yalnız insan kapısı. Durum işaretleri nötr. */

:root {
  /* tipografi ve ölçü (temadan bağımsız) */
  --aip-font: 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --aip-mono: 'JetBrains Mono Variable', ui-monospace, SFMono-Regular, Menlo, monospace;
  --aip-text-sm: 0.875rem;
  --aip-text-xs: 0.75rem;
  --aip-radius-sm: 8px;
  --aip-radius: 12px;
  --aip-radius-lg: 20px;
  --aip-space-1: 4px;
  --aip-space-2: 8px;
  --aip-space-3: 12px;
  --aip-space-4: 16px;
  --aip-space-6: 24px;
  --aip-space-8: 32px;
  --aip-nav-h: 60px;
  --aip-container: 1120px;
  --aip-z-popover: 1000;
  --aip-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

/* açık tema (varsayılan) */
:root,
[data-aip-theme="light"] {
  color-scheme: light;
  --aip-bg: #f6f6fb;
  --aip-surface: #ffffff;
  --aip-surface-2: #eef0f8;
  --aip-border: #d9dbea;
  --aip-border-input: #6b7280;
  --aip-text: #0b0b14;
  --aip-text-2: #3b4252;
  --aip-muted: #555d6e;
  --aip-primary: #4f46e5;
  --aip-primary-fill: #4338ca;
  --aip-primary-fill-hover: #3730a3;
  --aip-on-primary: #ffffff;
  --aip-accent: #4338ca;
  --aip-focus: #4f46e5;
  --aip-ai: #7e22ce;
  --aip-ai-bg: rgb(126 34 206 / 0.08);
  --aip-human: #047857;
  --aip-human-bg: rgb(4 120 87 / 0.08);
  --aip-warn: #92400e;
  --aip-warn-bg: rgb(251 191 36 / 0.16);
  --aip-error: #be123c;
  --aip-error-bg: rgb(225 29 72 / 0.08);
  --aip-tint-08: rgb(79 70 229 / 0.06);
  --aip-tint-12: rgb(79 70 229 / 0.10);
  --aip-tint-border: rgb(79 70 229 / 0.30);
  --aip-shadow: 0 4px 20px rgb(15 15 40 / 0.10);
  --aip-shadow-lg: 0 12px 40px rgb(15 15 40 / 0.18);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-aip-theme="light"]) {
    color-scheme: dark;
    --aip-bg: #04040c;
    --aip-surface: #0c0c18;
    --aip-surface-2: #12121f;
    --aip-border: #2e2e58;
    --aip-border-input: #6b6e94;
    --aip-text: #f0f0ff;
    --aip-text-2: #94a3b8;
    --aip-muted: #8590a6;
    --aip-primary: #6366f1;
    --aip-primary-fill: #4f46e5;
    --aip-primary-fill-hover: #5b54e8;
    --aip-on-primary: #ffffff;
    --aip-accent: #818cf8;
    --aip-focus: #a5b4fc;
    --aip-ai: #c084fc;
    --aip-ai-bg: rgb(192 132 252 / 0.12);
    --aip-human: #34d399;
    --aip-human-bg: rgb(52 211 153 / 0.12);
    --aip-warn: #fbbf24;
    --aip-warn-bg: rgb(251 191 36 / 0.08);
    --aip-error: #fb7185;
    --aip-error-bg: rgb(251 113 133 / 0.10);
    --aip-tint-08: rgb(99 102 241 / 0.08);
    --aip-tint-12: rgb(99 102 241 / 0.12);
    --aip-tint-border: rgb(129 140 248 / 0.35);
    --aip-shadow: 0 4px 24px rgb(0 0 0 / 0.4);
    --aip-shadow-lg: 0 8px 48px rgb(0 0 0 / 0.6);
  }
}

[data-aip-theme="dark"] {
  color-scheme: dark;
  --aip-bg: #04040c;
  --aip-surface: #0c0c18;
  --aip-surface-2: #12121f;
  --aip-border: #2e2e58;
  --aip-border-input: #6b6e94;
  --aip-text: #f0f0ff;
  --aip-text-2: #94a3b8;
  --aip-muted: #8590a6;
  --aip-primary: #6366f1;
  --aip-primary-fill: #4f46e5;
  --aip-primary-fill-hover: #5b54e8;
  --aip-on-primary: #ffffff;
  --aip-accent: #818cf8;
  --aip-focus: #a5b4fc;
  --aip-ai: #c084fc;
  --aip-ai-bg: rgb(192 132 252 / 0.12);
  --aip-human: #34d399;
  --aip-human-bg: rgb(52 211 153 / 0.12);
  --aip-warn: #fbbf24;
  --aip-warn-bg: rgb(251 191 36 / 0.08);
  --aip-error: #fb7185;
  --aip-error-bg: rgb(251 113 133 / 0.10);
  --aip-tint-08: rgb(99 102 241 / 0.08);
  --aip-tint-12: rgb(99 102 241 / 0.12);
  --aip-tint-border: rgb(129 140 248 / 0.35);
  --aip-shadow: 0 4px 24px rgb(0 0 0 / 0.4);
  --aip-shadow-lg: 0 8px 48px rgb(0 0 0 / 0.6);
}

@media (prefers-reduced-motion: reduce) {
  :root { --aip-ease: linear; }
}