/* ==========================================================================
   Aidiance Design Tokens — panel, giriş ve landing için ORTAK değişkenler.
   Açık tema varsayılan; koyu tema: <html data-theme="dark">.
   Bileşen stilleri bu dosyada YOK; yalnızca değişkenler + temel tipografi.
   ========================================================================== */

:root {
  color-scheme: light;

  /* Tipografi */
  --ad-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ad-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --ad-text-xs: 0.75rem;     /* 12 */
  --ad-text-sm: 0.8125rem;   /* 13 */
  --ad-text-base: 0.875rem;  /* 14 */
  --ad-text-md: 0.9375rem;   /* 15 */
  --ad-text-lg: 1.0625rem;   /* 17 */
  --ad-text-xl: 1.25rem;     /* 20 */
  --ad-text-2xl: 1.5rem;     /* 24 */
  --ad-text-3xl: 1.875rem;   /* 30 */
  --ad-leading: 1.55;
  --ad-tracking-tight: -0.011em;
  --ad-weight-regular: 400;
  --ad-weight-medium: 500;
  --ad-weight-semibold: 600;
  --ad-weight-bold: 700;

  /* Marka (mevcut mor korunur) */
  --ad-brand-50: #eef0fd;
  --ad-brand-100: #dfe3fb;
  --ad-brand-200: #c3caf7;
  --ad-brand-300: #9fa9f1;
  --ad-brand-400: #7c8aea;
  --ad-brand-500: #5766da;
  --ad-brand-600: #4553c4;
  --ad-brand-700: #3a46a3;
  --ad-brand-800: #313b84;
  --ad-brand-900: #2b336b;
  --ad-brand: var(--ad-brand-500);
  --ad-brand-hover: var(--ad-brand-600);
  --ad-brand-active: var(--ad-brand-700);
  --ad-brand-soft: rgba(87, 102, 218, 0.10);
  --ad-brand-soft-2: rgba(87, 102, 218, 0.16);
  --ad-brand-contrast: #ffffff;
  --ad-brand-gradient: linear-gradient(135deg, #5766da 0%, #7c5ce6 100%);

  /* Nötr yüzeyler (açık) */
  --ad-bg: #f6f7f9;
  --ad-bg-subtle: #f1f3f6;
  --ad-surface: #ffffff;
  --ad-surface-2: #f8f9fb;
  --ad-surface-3: #eef1f5;
  --ad-surface-hover: #f4f6f9;
  --ad-border: #e6e9ef;
  --ad-border-strong: #d5dae3;
  --ad-divider: #eef0f4;
  --ad-text: #0f172a;
  --ad-text-2: #334155;
  --ad-text-muted: #64748b;
  --ad-text-subtle: #94a3b8;
  --ad-text-inverse: #ffffff;
  --ad-overlay: rgba(15, 23, 42, 0.45);
  --ad-input-bg: #ffffff;
  --ad-input-border: #d9dee7;
  --ad-code-bg: #f3f4f8;

  /* Durum renkleri */
  --ad-success: #16a34a;
  --ad-success-soft: rgba(22, 163, 74, 0.12);
  --ad-warning: #d97706;
  --ad-warning-soft: rgba(217, 119, 6, 0.12);
  --ad-danger: #dc2626;
  --ad-danger-soft: rgba(220, 38, 38, 0.10);
  --ad-info: #0284c7;
  --ad-info-soft: rgba(2, 132, 199, 0.10);

  /* Kanal renkleri */
  --ad-wa: #25d366;
  --ad-ig: #e1306c;
  --ad-x: #0f172a;
  --ad-yt: #ff0033;
  --ad-gbp: #4285f4;
  --ad-web: #5766da;
  --ad-ms: #0084ff;

  /* Biçim */
  --ad-radius-xs: 6px;
  --ad-radius-sm: 8px;
  --ad-radius: 10px;
  --ad-radius-lg: 14px;
  --ad-radius-xl: 20px;
  --ad-radius-pill: 999px;

  /* Gölgeler (yumuşak, katmanlı) */
  --ad-shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);
  --ad-shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.07), 0 1px 2px rgba(16, 24, 40, 0.04);
  --ad-shadow: 0 4px 12px -2px rgba(16, 24, 40, 0.08), 0 2px 4px -2px rgba(16, 24, 40, 0.04);
  --ad-shadow-lg: 0 16px 32px -8px rgba(16, 24, 40, 0.14), 0 4px 8px -4px rgba(16, 24, 40, 0.06);
  --ad-shadow-xl: 0 24px 48px -12px rgba(16, 24, 40, 0.22);
  --ad-ring: 0 0 0 3px rgba(87, 102, 218, 0.28);
  --ad-ring-danger: 0 0 0 3px rgba(220, 38, 38, 0.22);

  /* Hareket */
  --ad-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ad-fast: 120ms;
  --ad-normal: 180ms;
  --ad-slow: 280ms;

  /* Yerleşim */
  --ad-sidebar-w: 260px;
  --ad-topbar-h: 60px;
  --ad-content-max: 1440px;
  --ad-gutter: 24px;

  /* --- v2 ek tokenlar (panel tasarım katmanı; landing/login de kullanabilir) --- */
  --ad-radius-md: 12px;          /* kart */
  --ad-space-1: 4px;
  --ad-space-2: 8px;
  --ad-space-3: 12px;
  --ad-space-4: 16px;
  --ad-space-5: 20px;
  --ad-space-6: 24px;
  --ad-space-8: 32px;
  --ad-control-h: 36px;          /* input / buton yüksekliği */
  --ad-control-h-sm: 32px;

  /* Dolu marka yüzeyi (buton/rozet): iki temada da #5766DA, üzerindeki metin beyaz */
  --ad-primary: #5766da;
  --ad-primary-hover: #4a58cc;
  --ad-primary-active: #3f4cb8;
  --ad-on-primary: #ffffff;

  /* Nötr etkileşim katmanları */
  --ad-hover: rgba(15, 23, 42, 0.045);
  --ad-pressed: rgba(15, 23, 42, 0.08);
  --ad-chrome: #ffffff;          /* üst bar + yan menü */
  --ad-scrollbar: #cfd5df;
  --ad-scrollbar-hover: #aab3c2;
  --ad-tooltip-bg: #111827;
  --ad-tooltip-text: #f9fafb;

  /* Durum metinleri (yumuşak zemin üzerinde okunur) */
  --ad-success-text: #15803d;
  --ad-warning-text: #b45309;
  --ad-danger-text: #b91c1c;
  --ad-info-text: #0369a1;
  --ad-success-border: rgba(22, 163, 74, 0.28);
  --ad-warning-border: rgba(217, 119, 6, 0.30);
  --ad-danger-border: rgba(220, 38, 38, 0.26);
  --ad-info-border: rgba(2, 132, 199, 0.26);
  --ad-brand-border: rgba(87, 102, 218, 0.30);

  /* Sohbet */
  --ad-chat-bg: #f4f5f8;
  --ad-bubble-in: #ffffff;
  --ad-bubble-in-text: #0f172a;
  --ad-bubble-out: #ddf6e4;
  --ad-bubble-out-text: #0f2a1a;
  --ad-bubble-ai: #eceffd;
  --ad-bubble-ai-border: rgba(87, 102, 218, 0.22);
  --ad-bubble-meta: #7a8597;
}

html[data-theme="dark"] {
  color-scheme: dark;

  --ad-brand: #7c8aea;
  --ad-brand-hover: #96a2f0;
  --ad-brand-active: #aab3f3;
  --ad-brand-soft: rgba(124, 138, 234, 0.14);
  --ad-brand-soft-2: rgba(124, 138, 234, 0.22);
  --ad-brand-contrast: #0b0d12;
  --ad-brand-gradient: linear-gradient(135deg, #6f7deb 0%, #8b6ff0 100%);

  --ad-bg: #0b0d12;
  --ad-bg-subtle: #0e1117;
  --ad-surface: #12151c;
  --ad-surface-2: #161a22;
  --ad-surface-3: #1c212b;
  --ad-surface-hover: #1a1f28;
  --ad-border: #252b36;
  --ad-border-strong: #323a48;
  --ad-divider: #1f2430;
  --ad-text: #e7eaf0;
  --ad-text-2: #c5cbd6;
  --ad-text-muted: #8c95a6;
  --ad-text-subtle: #5f6878;
  --ad-text-inverse: #0b0d12;
  --ad-overlay: rgba(0, 0, 0, 0.62);
  --ad-input-bg: #0f1218;
  --ad-input-border: #2a313d;
  --ad-code-bg: #1a1f28;

  --ad-success: #22c55e;
  --ad-success-soft: rgba(34, 197, 94, 0.14);
  --ad-warning: #f59e0b;
  --ad-warning-soft: rgba(245, 158, 11, 0.14);
  --ad-danger: #f87171;
  --ad-danger-soft: rgba(248, 113, 113, 0.14);
  --ad-info: #38bdf8;
  --ad-info-soft: rgba(56, 189, 248, 0.14);

  --ad-x: #e7eaf0;

  --ad-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40);
  --ad-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.45), 0 1px 2px rgba(0, 0, 0, 0.30);
  --ad-shadow: 0 6px 16px -4px rgba(0, 0, 0, 0.55), 0 2px 4px -2px rgba(0, 0, 0, 0.35);
  --ad-shadow-lg: 0 18px 36px -10px rgba(0, 0, 0, 0.65);
  --ad-shadow-xl: 0 28px 56px -14px rgba(0, 0, 0, 0.75);
  --ad-ring: 0 0 0 3px rgba(124, 138, 234, 0.35);
  --ad-ring-danger: 0 0 0 3px rgba(248, 113, 113, 0.30);

  --ad-primary: #5766da;
  --ad-primary-hover: #6573e3;
  --ad-primary-active: #7280ea;
  --ad-on-primary: #ffffff;

  --ad-hover: rgba(255, 255, 255, 0.045);
  --ad-pressed: rgba(255, 255, 255, 0.08);
  --ad-chrome: #0f1218;
  --ad-scrollbar: #2c3340;
  --ad-scrollbar-hover: #3d4656;
  --ad-tooltip-bg: #e7eaf0;
  --ad-tooltip-text: #0b0d12;

  --ad-success-text: #4ade80;
  --ad-warning-text: #fbbf24;
  --ad-danger-text: #fca5a5;
  --ad-info-text: #7dd3fc;
  --ad-success-border: rgba(34, 197, 94, 0.30);
  --ad-warning-border: rgba(245, 158, 11, 0.32);
  --ad-danger-border: rgba(248, 113, 113, 0.32);
  --ad-info-border: rgba(56, 189, 248, 0.30);
  --ad-brand-border: rgba(124, 138, 234, 0.36);

  --ad-chat-bg: #0d1016;
  --ad-bubble-in: #1a1f29;
  --ad-bubble-in-text: #e7eaf0;
  --ad-bubble-out: #143322;
  --ad-bubble-out-text: #dff5e6;
  --ad-bubble-ai: #1e2342;
  --ad-bubble-ai-border: rgba(124, 138, 234, 0.30);
  --ad-bubble-meta: #8c95a6;
}

/* Tema geçişinde ani parlama yerine yumuşak renk geçişi (yalnızca geçiş anında) */
html.ad-theme-switching *,
html.ad-theme-switching *::before,
html.ad-theme-switching *::after {
  transition: background-color var(--ad-normal) var(--ad-ease), border-color var(--ad-normal) var(--ad-ease), color var(--ad-normal) var(--ad-ease) !important;
}

@media (prefers-reduced-motion: reduce) {
  html.ad-theme-switching *,
  html.ad-theme-switching *::before,
  html.ad-theme-switching *::after { transition: none !important; }
}

/* Tema düğmesi (panel üst bar, giriş ve landing'de ortak) */
.ad-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: var(--ad-radius-pill);
  border: 1px solid var(--ad-border);
  background: var(--ad-surface);
  color: var(--ad-text-muted);
  cursor: pointer;
  transition: background-color var(--ad-fast) var(--ad-ease), color var(--ad-fast) var(--ad-ease), border-color var(--ad-fast) var(--ad-ease);
}
.ad-theme-toggle:hover { color: var(--ad-text); background: var(--ad-surface-hover); border-color: var(--ad-border-strong); }
.ad-theme-toggle:focus-visible { outline: none; box-shadow: var(--ad-ring); }
.ad-theme-toggle i { font-size: 18px; line-height: 1; }
.ad-theme-toggle .ad-theme-icon-to-light { display: none; }
html[data-theme="dark"] .ad-theme-toggle .ad-theme-icon-to-dark { display: none; }
html[data-theme="dark"] .ad-theme-toggle .ad-theme-icon-to-light { display: inline-block; }