/**
 * Design tokens — keep in sync with ServerDashboard/web/src/styles/global.css
 */
:root {
  color-scheme: dark;

  /* Surfaces */
  --bg-root: #0b0f14;
  --bg-panel: #121821;
  --bg-panel-hover: #18202c;
  --bg-elevated: #1a2330;
  --bg-glass: rgba(11, 15, 20, 0.88);

  /* Borders & lines */
  --border: #273244;
  --border-soft: rgba(39, 50, 68, 0.65);
  --border-accent: rgba(79, 140, 255, 0.35);

  /* Text */
  --text: #e7edf5;
  --text-muted: #93a0b4;
  --text-dim: #5f6d82;

  /* Accent palette */
  --accent: #4f8cff;
  --accent-soft: rgba(79, 140, 255, 0.12);
  --accent-glow: rgba(79, 140, 255, 0.45);
  --success: #3ecf8e;
  --success-glow: rgba(62, 207, 142, 0.55);
  --danger: #ff6b6b;
  --warning: #f5b942;

  /* Typography */
  --font-sans: Inter, "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", Consolas, "Cascadia Mono", "SF Mono", Menlo, monospace;

  /* Layout */
  --content-max: 1120px;
  --header-height: 72px;
  --radius: 12px;
  --radius-lg: 16px;
  --shadow: 0 24px 64px rgba(0, 0, 0, 0.35);
  --shadow-soft: 0 14px 32px rgba(0, 0, 0, 0.28);

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 0.18s;
}