/**
 * Design Tokens
 * ---------------------------------------------------------------------------
 * پالت رنگی الهام‌گرفته از تجهیزات تشخیصی آزمایشگاهی (oscilloscope / multimeter):
 * زمینه‌ی گرافیت تیره، اعداد و داده‌ها با فونت مونوسپیس، و یک رنگ تأکیدی
 * فیروزه‌ای روشن که حس "سیگنال زنده روی صفحه‌نمایش" را منتقل می‌کند.
 */

:root {
  /* --- رنگ پایه --- */
  --bg-base: #0a0e13;
  --bg-raised: #11161d;
  --bg-glass: rgba(255, 255, 255, 0.045);
  --bg-glass-strong: rgba(255, 255, 255, 0.08);
  --border-soft: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.16);

  /* --- متن --- */
  --text-primary: #e7edf3;
  --text-secondary: #8b97a6;
  --text-faint: #5a6573;

  /* --- رنگ تأکیدی (سیگنال) --- */
  --signal-cyan: #2de2c4;
  --signal-cyan-dim: #1c9c87;
  --signal-amber: #ffb648;
  --signal-red: #ff5c5c;
  --signal-violet: #9b8cff;

  /* --- وضعیت اتصال --- */
  --status-connected: #2de2c4;
  --status-connecting: #ffb648;
  --status-error: #ff5c5c;
  --status-disconnected: #5a6573;

  /* --- تایپوگرافی --- */
  --font-ui: "Vazirmatn", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Roboto Mono", ui-monospace, monospace;

  /* --- ابعاد --- */
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-sm: 8px;
  --header-height: 76px;

  /* --- سایه و بلور --- */
  --blur-glass: blur(18px);
  --shadow-panel: 0 8px 32px rgba(0, 0, 0, 0.35);
}