/* =============================================================================
   REDVERSE DESIGN TOKENS v1 — ortak görsel kurallar (Website · Admin OS · Studio OS · Desktop)
   Bu dosya YALNIZ token tanımlar (CSS custom properties); hiçbir mevcut seçiciyi yeniden
   şekillendirmez. Ekranlar, görsel yön onaylandıktan sonra bu token'lara bağlanır.
   WPF karşılığı: apps/redverse-desktop/RedverseDesktop/Themes/RedverseTokens.xaml (aynı değerler).
   Görsel yön A (Premium Dark) varsayılan değerlerdir; yön B (Futuristic) [data-rv-theme="futuristic"] ile.
   ============================================================================= */
:root {
  /* ---- renk: yüzeyler ---- */
  --rv-bg: #0F0F14;            /* uygulama arka planı */
  --rv-surface: #15151C;       /* kart / panel */
  --rv-surface-2: #1C1C25;     /* yükseltilmiş panel, giriş alanı */
  --rv-surface-3: #23232E;     /* hover / seçili satır */
  --rv-line: #2A2A33;          /* ayırıcı / kenarlık */
  --rv-line-strong: #3A3A47;
  /* ---- renk: metin ---- */
  --rv-text: #E8E8EF;          /* birincil (kontrast ≥ 12:1 on surface) */
  --rv-text-2: #C4C4D0;        /* ikincil */
  --rv-muted: #9A9AA8;         /* yardımcı (≥ 4.6:1 on surface) */
  --rv-disabled: #6B6B7B;
  /* ---- renk: marka ---- */
  --rv-accent: #E1294A;        /* Redverse kırmızısı (ON AIR, birincil eylem) */
  --rv-accent-hover: #F03B5C;
  --rv-accent-soft: rgba(225, 41, 74, 0.14);
  --rv-accent-text: #FFFFFF;
  /* ---- renk: durum (WCAG AA metin olarak koyu yüzeyde) ---- */
  --rv-ok: #43D17A;
  --rv-ok-soft: rgba(67, 209, 122, 0.14);
  --rv-warn: #E8A33D;
  --rv-warn-soft: rgba(232, 163, 61, 0.16);
  --rv-bad: #FF6B7A;
  --rv-bad-soft: rgba(255, 107, 122, 0.16);
  --rv-info: #5DA8FF;
  --rv-info-soft: rgba(93, 168, 255, 0.14);
  --rv-live: #E1294A;          /* canlı yayın */
  --rv-radio: #3D8BE8;         /* radyo */
  --rv-media: #B06BFF;         /* media proxy */
  --rv-health: #43D17A;        /* health center */
  --rv-discord: #5865F2;       /* Discord entegrasyonu */
  /* ---- tipografi ---- */
  --rv-font: "Segoe UI", system-ui, -apple-system, "Inter", Roboto, sans-serif;
  --rv-font-mono: "Cascadia Mono", Consolas, ui-monospace, monospace;
  --rv-fs-xs: 11px; --rv-fs-sm: 12.5px; --rv-fs-md: 14px; --rv-fs-lg: 16px; --rv-fs-xl: 20px; --rv-fs-2xl: 26px; --rv-fs-3xl: 34px;
  --rv-lh: 1.45; --rv-lh-tight: 1.2;
  --rv-fw-regular: 400; --rv-fw-medium: 500; --rv-fw-semibold: 600; --rv-fw-bold: 700;
  --rv-tracking-caps: 0.08em;  /* küçük büyük harf etiketler */
  /* ---- boşluk (4 px ızgara) ---- */
  --rv-sp-1: 4px; --rv-sp-2: 8px; --rv-sp-3: 12px; --rv-sp-4: 16px; --rv-sp-5: 20px; --rv-sp-6: 24px; --rv-sp-8: 32px; --rv-sp-10: 40px;
  --rv-gutter: 16px;           /* mobil kenar boşluğu */
  /* ---- yarıçap / gölge ---- */
  --rv-radius-sm: 6px; --rv-radius: 10px; --rv-radius-lg: 14px; --rv-radius-pill: 999px;
  --rv-shadow-1: 0 2px 8px rgba(0, 0, 0, 0.35);
  --rv-shadow-2: 0 12px 40px rgba(0, 0, 0, 0.45);
  --rv-focus: 0 0 0 2px var(--rv-bg), 0 0 0 4px var(--rv-info);   /* klavye odağı: her zaman görünür */
  /* ---- kontroller ---- */
  --rv-control-h: 36px;        /* buton / input yüksekliği */
  --rv-control-h-sm: 30px;
  --rv-touch-min: 44px;        /* dokunma hedefi (mobil) */
  --rv-input-bg: var(--rv-surface-2);
  --rv-input-border: var(--rv-line-strong);
  /* ---- hareket ---- */
  --rv-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --rv-dur-fast: 120ms; --rv-dur: 200ms; --rv-dur-slow: 320ms;
  /* ---- z-index katmanları ---- */
  --rv-z-nav: 100; --rv-z-dropdown: 500; --rv-z-modal: 900; --rv-z-toast: 9400;
  /* ---- düzen ---- */
  --rv-sidebar-w: 248px; --rv-topnav-h: 56px; --rv-content-max: 1280px;
  --rv-bp-sm: 480px; --rv-bp-md: 768px; --rv-bp-lg: 1024px; --rv-bp-xl: 1280px;
}
/* Görsel yön B — Futuristic Redverse: daha canlı vurgu, teknik göstergeler; yalnız veri özniteliği ile */
:root[data-rv-theme="futuristic"] {
  --rv-bg: #0A0B12; --rv-surface: #11131D; --rv-surface-2: #171A27; --rv-surface-3: #1F2333;
  --rv-line: #262B3D; --rv-line-strong: #343B55;
  --rv-accent: #FF2E57; --rv-accent-hover: #FF5577; --rv-accent-soft: rgba(255, 46, 87, 0.18);
  --rv-info: #4CC9FF; --rv-radio: #4CC9FF; --rv-media: #C77DFF;
  --rv-shadow-2: 0 12px 48px rgba(255, 46, 87, 0.18), 0 12px 40px rgba(0, 0, 0, 0.5);
  --rv-radius: 8px; --rv-radius-lg: 12px;
}
/* Erişilebilirlik: hareket azaltma tercihinde animasyon süreleri sıfırlanır */
@media (prefers-reduced-motion: reduce) { :root { --rv-dur-fast: 0ms; --rv-dur: 0ms; --rv-dur-slow: 0ms; } }
/* Yüksek kontrast isteğinde kenarlıklar güçlenir */
@media (prefers-contrast: more) { :root { --rv-line: #4A4A5A; --rv-muted: #B4B4C2; } }