/* === PANDACK CSS VARIABLES === */
:root {
  /* Backgrounds */
  --bg-deep: #06080d;
  --bg: #0a0e17;
  --bg-card: #0f1520;
  --bg-elev: #141c2b;

  /* Borders */
  --border: #1a2540;
  --border-h: #2a3855;

  /* Neon colors */
  --cyan: #00e5ff;
  --magenta: #ff0080;
  --green: #00ff88;
  --yellow: #ffe100;
  --orange: #ff6b00;

  /* Text */
  --text: #c8d6e5;
  --text-bright: #e8f0f8;
  --text-dim: #5a6f8a;

  /* Transparent variants */
  --cyan-10: rgba(0, 229, 255, 0.1);
  --cyan-08: rgba(0, 229, 255, 0.08);
  --cyan-05: rgba(0, 229, 255, 0.05);
  --magenta-10: rgba(255, 0, 128, 0.1);
  --magenta-05: rgba(255, 0, 128, 0.05);
  --green-10: rgba(0, 255, 136, 0.1);
  --green-05: rgba(0, 255, 136, 0.05);
  --yellow-10: rgba(255, 225, 0, 0.1);
  --yellow-05: rgba(255, 225, 0, 0.05);

  /* Fonts */
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;

  /* Sizing */
  --header-h: 60px;
  --sidebar-w: 240px;
  --content-max: 1200px;
  --article-max: 900px;
  --radius: 6px;
  --radius-sm: 4px;
  --radius-lg: 8px;

  /* Transitions */
  --transition: all 0.2s ease;
  --transition-slow: all 0.3s ease;
}