/* BT Asistan — tasarım değişkenleri
   Kaynak: SOM Control Center (som-tokens.css) açık tema + koyu mod */

:root {
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;

  --text-xs: 0.6875rem;
  --text-sm: 0.75rem;
  --text-base: 0.8125rem;
  --text-md: 0.875rem;
  --text-lg: 0.9375rem;
  --text-xl: 1rem;

  /* Marka */
  --primary: #1d4ed8;
  --primary-deep: #1e40af;
  --primary-soft: #dbeafe;
  --primary-ring: rgba(29, 78, 216, 0.35);
  --violet: #7c3aed;
  --cyan: #06b6d4;

  /* Risk (yalnızca risk seviyesi için) */
  --danger: #dc2626;
  --danger-soft: #fee2e2;
  --danger-line: rgba(220, 38, 38, 0.35);
  --warn: #b45309;
  --warn-soft: #fef3c7;
  --warn-line: rgba(217, 119, 6, 0.4);
  --safe: #047857;
  --safe-soft: #d1fae5;
  --safe-line: rgba(5, 150, 105, 0.35);

  /* Metin */
  --text: #0f172a;
  --text-2: #334155;
  --muted: #64748b;
  --inverse: #f8fafc;

  /* Yüzeyler */
  --bg: #eef2f7;
  --bg-card: #ffffff;
  --bg-sidebar: #f8fafc;
  --bg-topbar: #f8fafc;
  --bg-hover: rgba(148, 163, 184, 0.14);
  --bg-block: #f1f5f9;
  --bubble-user: var(--primary);
  --bubble-user-text: #ffffff;

  --border: #dbe3ee;
  --border-strong: #cbd5e1;

  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
  --shadow: 0 8px 28px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 16px 48px rgba(15, 23, 42, 0.12), 0 2px 8px rgba(15, 23, 42, 0.06);

  /* Sky hero (Control Center) */
  --sky: radial-gradient(ellipse 78% 36% at 18% 14%, rgba(255,255,255,.28) 0%, rgba(255,255,255,.08) 45%, transparent 75%),
         radial-gradient(ellipse 72% 32% at 84% 20%, rgba(255,255,255,.24) 0%, rgba(255,255,255,.06) 48%, transparent 76%),
         radial-gradient(ellipse 130% 70% at 50% -18%, rgba(255,255,255,.32) 0%, rgba(255,255,255,.1) 42%, transparent 72%),
         linear-gradient(180deg, #5ea8f7 0%, #78b8ff 16%, #94c9ff 34%, #bddcff 52%, #d5e8ff 66%, #e9f2ff 78%, #f2f6fb 90%, var(--bg) 100%);
  --hero-text: #ffffff;
  --hero-sub: rgba(255, 255, 255, 0.94);
  --hero-shadow: 0 1px 2px rgba(15, 40, 90, 0.28), 0 2px 18px rgba(15, 40, 90, 0.22);
  --pill-bg: rgba(255, 255, 255, 0.9);
  --pill-border: rgba(255, 255, 255, 0.75);

  --radius: 14px;
  --radius-sm: 10px;
  --sidebar-w: 264px;
  --topbar-h: 52px;

  color-scheme: light;
}

/* Koyu mod: sistem tercihi (kullanıcı açık seçmediyse) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --primary: #3b82f6;
    --primary-deep: #93c5fd;
    --primary-soft: rgba(59, 130, 246, 0.16);
    --primary-ring: rgba(59, 130, 246, 0.45);
    --danger: #f87171; --danger-soft: rgba(248, 113, 113, 0.13); --danger-line: rgba(248, 113, 113, 0.42);
    --warn: #fbbf24; --warn-soft: rgba(251, 191, 36, 0.12); --warn-line: rgba(251, 191, 36, 0.4);
    --safe: #4ade80; --safe-soft: rgba(74, 222, 128, 0.12); --safe-line: rgba(74, 222, 128, 0.38);
    --text: #e6edf3; --text-2: #c9d4df; --muted: #93a1b2; --inverse: #0b1220;
    --bg: #0b1017; --bg-card: #121923; --bg-sidebar: #090d13; --bg-topbar: #0e141c;
    --bg-hover: rgba(148, 163, 184, 0.1); --bg-block: #0f161f;
    --bubble-user: #1e3a6e; --bubble-user-text: #e6edf3;
    --border: #222c38; --border-strong: #2e3a48;
    --shadow-sm: 0 2px 8px rgba(0,0,0,.3); --shadow: 0 8px 28px rgba(0,0,0,.35); --shadow-lg: 0 16px 48px rgba(0,0,0,.45);
    --sky: radial-gradient(ellipse 70% 40% at 20% 10%, rgba(59,130,246,.22) 0%, transparent 70%),
           radial-gradient(ellipse 60% 35% at 85% 18%, rgba(6,182,212,.14) 0%, transparent 70%),
           linear-gradient(180deg, #0f1f3a 0%, #0d1a30 30%, #0c1522 60%, var(--bg) 100%);
    --hero-text: #f1f5f9; --hero-sub: rgba(226, 232, 240, 0.86); --hero-shadow: none;
    --pill-bg: rgba(18, 25, 35, 0.9); --pill-border: #2a3646;
    color-scheme: dark;
  }
}

/* Koyu mod: kullanıcı elle seçti */
:root[data-theme="dark"] {
  --primary: #3b82f6;
  --primary-deep: #93c5fd;
  --primary-soft: rgba(59, 130, 246, 0.16);
  --primary-ring: rgba(59, 130, 246, 0.45);
  --danger: #f87171; --danger-soft: rgba(248, 113, 113, 0.13); --danger-line: rgba(248, 113, 113, 0.42);
  --warn: #fbbf24; --warn-soft: rgba(251, 191, 36, 0.12); --warn-line: rgba(251, 191, 36, 0.4);
  --safe: #4ade80; --safe-soft: rgba(74, 222, 128, 0.12); --safe-line: rgba(74, 222, 128, 0.38);
  --text: #e6edf3; --text-2: #c9d4df; --muted: #93a1b2; --inverse: #0b1220;
  --bg: #0b1017; --bg-card: #121923; --bg-sidebar: #090d13; --bg-topbar: #0e141c;
  --bg-hover: rgba(148, 163, 184, 0.1); --bg-block: #0f161f;
  --bubble-user: #1e3a6e; --bubble-user-text: #e6edf3;
  --border: #222c38; --border-strong: #2e3a48;
  --shadow-sm: 0 2px 8px rgba(0,0,0,.3); --shadow: 0 8px 28px rgba(0,0,0,.35); --shadow-lg: 0 16px 48px rgba(0,0,0,.45);
  --sky: radial-gradient(ellipse 70% 40% at 20% 10%, rgba(59,130,246,.22) 0%, transparent 70%),
         radial-gradient(ellipse 60% 35% at 85% 18%, rgba(6,182,212,.14) 0%, transparent 70%),
         linear-gradient(180deg, #0f1f3a 0%, #0d1a30 30%, #0c1522 60%, var(--bg) 100%);
  --hero-text: #f1f5f9; --hero-sub: rgba(226, 232, 240, 0.86); --hero-shadow: none;
  --pill-bg: rgba(18, 25, 35, 0.9); --pill-border: #2a3646;
  color-scheme: dark;
}