/* ============================================================
   Aris AI Docs — Design Tokens (single source of truth)
   Dark (default) + Light adaptive. 8pt system. Inter.
   ============================================================ */

:root {
  /* Brand */
  --brand-1: #6D5CFF;
  --brand-2: #3B82F6;
  --brand-grad: linear-gradient(135deg, #6D5CFF 0%, #3B82F6 100%);
  --brand-grad-soft: linear-gradient(135deg, rgba(109,92,255,.18), rgba(59,130,246,.18));

  /* Surface — dark default */
  --bg: #0B0F17;
  --bg-elev: #11161F;
  --bg-elev-2: #161C28;
  --bg-glass: rgba(255,255,255,.04);
  --bg-hover: rgba(255,255,255,.06);

  /* Text */
  --text: #F4F6FB;
  --text-muted: rgba(244,246,251,.64);
  --text-faint: rgba(244,246,251,.40);

  /* Lines */
  --border: rgba(255,255,255,.08);
  --border-strong: rgba(255,255,255,.14);

  /* Semantic */
  --success: #22C55E;
  --warning: #F59E0B;
  --danger:  #EF4444;
  --info:    #3B82F6;
  --risk-low:  #22C55E;
  --risk-med:  #F59E0B;
  --risk-high: #EF4444;

  /* Radius */
  --r-sm: 8px;  --r-md: 12px;  --r-lg: 16px;  --r-xl: 24px;  --r-pill: 999px;

  /* Spacing (8pt) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0,0,0,.20);
  --shadow-md: 0 8px 24px rgba(0,0,0,.24);
  --shadow-lg: 0 20px 60px rgba(0,0,0,.40);
  --shadow-glass: 0 8px 40px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06);
  --glow-brand: 0 0 0 1px rgba(109,92,255,.40), 0 8px 32px rgba(109,92,255,.32);

  /* Motion */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --t-fast: 120ms;
  --t-base: 200ms;
  --t-panel: 280ms;

  /* Type */
  --font: "Inter", "Noto Sans SC", -apple-system, "SF Pro Text", "Segoe UI", "Microsoft YaHei", system-ui, sans-serif;
  --mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, monospace;

  /* Z */
  --z-sticky: 100; --z-drawer: 200; --z-modal: 300;
  --z-popover: 400; --z-toast: 500; --z-command: 600;
}

/* Light theme */
:root[data-theme="light"] {
  --bg: #FFFFFF;
  --bg-elev: #F7F8FA;
  --bg-elev-2: #FFFFFF;
  --bg-glass: rgba(11,15,23,.03);
  --bg-hover: rgba(11,15,23,.04);

  --text: #0B0F17;
  --text-muted: #5B6472;
  --text-faint: #97A0AE;

  --border: rgba(11,15,23,.08);
  --border-strong: rgba(11,15,23,.14);

  --shadow-md: 0 8px 24px rgba(11,15,23,.08);
  --shadow-lg: 0 20px 60px rgba(11,15,23,.12);
  --shadow-glass: 0 8px 40px rgba(11,15,23,.10), inset 0 1px 0 rgba(255,255,255,.6);
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}