/* Design v4 — Nu-Bot design tokens (Slate + Cyan) */

:root {
  color-scheme: dark;

  --font-display: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-ui: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --bg: #0f1117;
  --bg-elevated: #141820;
  --panel: #1a1d24;
  --panel-hover: #22262f;
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);
  --text: #eef0f4;
  --muted: #9aa3b2;
  --muted-2: #6b7280;

  /* Nu-Bot accent — teal/cyan on charcoal (not Discord blurple clone) */
  --accent: #22d3ee;
  --accent-2: #06b6d4;
  --accent-soft: rgba(34, 211, 238, 0.12);
  --accent-muted: rgba(34, 211, 238, 0.06);

  --discord: #5865f2;
  --discord-hover: #4752c4;
  --success: #34d399;
  --success-bg: rgba(52, 211, 153, 0.12);
  --error: #f87171;
  --error-bg: rgba(248, 113, 113, 0.12);
  --warn: #fbbf24;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.5);

  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  --header-h: 56px;
  --sidebar-w: 240px;
  --focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px rgba(34, 211, 238, 0.55);
  --glass: rgba(15, 17, 23, 0.92);
  --line-height: 1.55;
  --line-height-tight: 1.25;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}