/* =====================
   CSS Custom Properties
   ===================== */

:root {
  /* Background Colors */
  --bg-primary: #0d0d0f;
  --bg-secondary: #151518;
  --bg-card: #1a1a1e;
  --bg-card-hover: #222226;

  /* Border Colors */
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-active: rgba(255, 255, 255, 0.12);

  /* Text Colors */
  --text-primary: #f0f0f2;
  --text-secondary: #9a9aa0;
  --text-muted: #5a5a60;

  /* Accent Colors */
  --accent-blue: #5b8cd4;
  --accent-blue-hover: #6d9ce0;
  --accent-blue-glow: rgba(91, 140, 212, 0.15);
  --accent-orange: #e07b3c;
  --accent-teal: #4db6ac;

  /* Border Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
}