/* public/css/v2/tokens.css — AllSoon.ai tasarım belirteçleri + Bootstrap 5.3 ve v1 değişken eşlemesi.
   Marka paleti: ana #00E5A8, ikincil #4F7CFF, vurgu #8B5CF6, arka plan #1A1F2B, metin #E5E7EB. Yazı tipi Inter (css/inter.css).
   Yalnız html.ui-v2 altında etkilidir; v1 (sınıfsız html) hiç etkilenmez. */

html.ui-v2 {
  /* yüzeyler: #1A1F2B ailesi (tuval en koyu, panel = marka arka planı, üstü açılır) */
  --cf-canvas: #0F131B; --cf-panel: #1A1F2B; --cf-raised: #232A39; --cf-overlay: #2B3345; --cf-sunken: #131822;
  --cf-hover: rgba(229,231,235,.06); --cf-hover-2: rgba(229,231,235,.10);
  /* çizgiler */
  --cf-line: rgba(229,231,235,.08); --cf-line-2: rgba(229,231,235,.13);
  /* metin (AA: panel/yükseltilmiş yüzeylerde >= 4.5) */
  --cf-tx: #E5E7EB; --cf-muted: #A6AEBD; --cf-faint: #9AA3B5;
  /* marka renkleri ve degrade */
  --cf-acc: #00E5A8; --cf-acc-tx: #04211B; --cf-acc-soft: rgba(0,229,168,.12); --cf-acc-line: rgba(0,229,168,.45);
  --cf-blue: #4F7CFF; --cf-blue-tx: #7C9DFF; --cf-violet: #8B5CF6; --cf-violet-tx: #A78BFA;
  --cf-grad: linear-gradient(100deg, #00E5A8 0%, #27B6D4 50%, #4F7CFF 100%);
  --cf-btn-tx: #04141F;
  /* durumlar */
  --cf-warn: #F2B84B; --cf-warn-soft: rgba(242,184,75,.12); --cf-err: #FF8A94; --cf-err-soft: rgba(255,138,148,.10); --cf-info: var(--cf-blue-tx);
  /* nötr tonlar ve kod rengi (sayfa dosyalarında ham gri yok; ham değerler yalnız burada) */
  --cf-ink: #141925; --cf-light: #E5E7EB; --cf-light-2: #D5D9E0; --cf-sel: #262E3F; --cf-avatar: #323B50; --cf-avatar-2: #2A3347; --cf-tip: #3A4458;
  --cf-code: #F2D08B; --cf-code-block: #D3D8E1;
  /* biçim */
  --cf-r-panel: 22px; --cf-r1: 16px; --cf-r2: 11px;
  --cf-font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --cf-mono: ui-monospace, 'Cascadia Mono', 'SF Mono', Consolas, 'Liberation Mono', monospace;
  --cf-edge: inset 0 0 0 1px rgba(255,255,255,.07), inset 0 1px 0 rgba(255,255,255,.06);
  --cf-panel-shadow: var(--cf-edge), 0 30px 60px -30px rgba(0,0,0,.55);
  --cf-pop-shadow: inset 0 0 0 1px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.07), 0 24px 60px -16px rgba(0,0,0,.65);
  --cf-gap: 14px; --cf-sw: 256px; --cf-sw-mini: 72px;
  color-scheme: dark;

  /* v1 değişkenleri v2 değerlerine bağlanır: style.css'teki tüm var() kullanımları kendiliğinden uyar */
  --brand-accent: var(--cf-acc); --brand-accent-hover: #3DEFC0; --brand-accent-subtle: var(--cf-acc-soft); --accent: var(--cf-acc);
  --bg-body: transparent; --bg-sidebar: var(--cf-panel); --bg-topbar: transparent; --bg-card: var(--cf-panel); --bg-card-hover: var(--cf-raised);
  --bg-input: var(--cf-raised); --bg-tertiary: var(--cf-raised); --card-bg: var(--cf-panel); --border-color: var(--cf-line-2);
  --text-primary: var(--cf-tx); --text-secondary: var(--cf-muted); --text-muted: var(--cf-faint);
  --sidebar-width: var(--cf-sw);

  /* Bootstrap 5.3 */
  --bs-body-bg: var(--cf-canvas); --bs-body-bg-rgb: 15,19,27; --bs-body-color: var(--cf-tx); --bs-body-color-rgb: 229,231,235;
  --bs-body-font-family: var(--cf-font); --bs-body-font-size: 14px; --bs-body-line-height: 1.55; --bs-font-monospace: var(--cf-mono);
  --bs-emphasis-color: #F5F7FA; --bs-secondary-color: var(--cf-muted); --bs-tertiary-color: var(--cf-faint);
  --bs-secondary-bg: var(--cf-raised); --bs-tertiary-bg: var(--cf-panel);
  --bs-border-color: var(--cf-line-2); --bs-border-color-translucent: var(--cf-line);
  --bs-border-radius: var(--cf-r2); --bs-border-radius-sm: 8px; --bs-border-radius-lg: var(--cf-r1); --bs-border-radius-xl: var(--cf-r-panel);
  --bs-link-color: var(--cf-acc); --bs-link-color-rgb: 0,229,168; --bs-link-hover-color: #5FF0CB; --bs-link-hover-color-rgb: 95,240,203;
  --bs-heading-color: var(--cf-tx); --bs-code-color: var(--cf-code);
  --bs-primary: var(--cf-acc); --bs-primary-rgb: 0,229,168;
  --bs-success: var(--cf-acc); --bs-success-rgb: 0,229,168;
  --bs-warning: var(--cf-warn); --bs-warning-rgb: 242,184,75;
  --bs-danger: var(--cf-err); --bs-danger-rgb: 255,138,148;
  --bs-info: var(--cf-info); --bs-info-rgb: 124,157,255;
  --bs-secondary: #6E788C; --bs-secondary-rgb: 110,120,140;
  --bs-dark: var(--cf-panel); --bs-dark-rgb: 26,31,43;
  --bs-light: var(--cf-tx); --bs-light-rgb: 229,231,235;
  --bs-focus-ring-color: rgba(0,229,168,.35); --bs-focus-ring-width: 2px;
  --bs-success-text-emphasis: #7BF1D2; --bs-success-bg-subtle: rgba(0,229,168,.10); --bs-success-border-subtle: rgba(0,229,168,.28);
  --bs-warning-text-emphasis: #F7D285; --bs-warning-bg-subtle: rgba(242,184,75,.10); --bs-warning-border-subtle: rgba(242,184,75,.28);
  --bs-danger-text-emphasis: #FFB4BB; --bs-danger-bg-subtle: rgba(255,138,148,.10); --bs-danger-border-subtle: rgba(255,138,148,.28);
  --bs-info-text-emphasis: #B5C7FF; --bs-info-bg-subtle: rgba(124,157,255,.10); --bs-info-border-subtle: rgba(124,157,255,.28);
  --bs-secondary-text-emphasis: var(--cf-muted); --bs-secondary-bg-subtle: var(--cf-hover); --bs-secondary-border-subtle: var(--cf-line-2);
}

html.ui-v2 body {
  font-family: var(--cf-font); font-size: 14px; line-height: 1.55; color: var(--cf-tx);
  background: radial-gradient(60% 70% at 14% 6%, rgba(0,229,168,.07) 0%, transparent 60%), radial-gradient(55% 65% at 88% 92%, rgba(139,92,246,.09) 0%, transparent 65%), linear-gradient(160deg, #131824, #0C1017);
  background-color: var(--cf-canvas); background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
}
html.ui-v2 code, html.ui-v2 kbd, html.ui-v2 pre, html.ui-v2 samp, html.ui-v2 .font-monospace { font-family: var(--cf-mono); }
html.ui-v2 :focus-visible { outline: 2px solid var(--cf-acc); outline-offset: 2px; }
html.ui-v2 ::selection { background: rgba(0,229,168,.28); color: #FFFFFF; }
html.ui-v2 * { scrollbar-width: thin; scrollbar-color: #36405A transparent; }
html.ui-v2 ::-webkit-scrollbar-thumb { background: #36405A; border-radius: 3px; }
@media (prefers-reduced-motion: reduce) {
  /* Hareket azaltma (Windows'ta "animasyon efektleri" kapalıysa da devreye girer): yalnız geçişler ve giriş animasyonları kısalır.
     Durum göstergeleri (yazıyor noktaları, araç dönen simgesi, çalışıyor nabzı) durum bildirdiği için animasyonda kalır — 8 Eki 2026 donma şikâyeti. */
  html.ui-v2 *, html.ui-v2 *::before, html.ui-v2 *::after { transition-duration: .001ms !important; scroll-behavior: auto !important; }
  html.ui-v2 #filePanel, html.ui-v2 #activityPanel, html.ui-v2 .cf2-toast, html.ui-v2 .cf2-ovl { animation: none !important; }
}