/* ============================================
   CSS Variables
   ============================================ */
:root {
  --bg-primary: #0b0e11;
  --bg-secondary: #181a20;
  --bg-tertiary: #2b3139;
  --bg-hover: #363c45;
  --text-primary: #eaecef;
  --text-secondary: #b7bdc6;
  --text-tertiary: #8a929d;
  --border-color: #2b3139;
  --green: #0ecb81;
  --green-hover: #47dba8;
  --green-bg: rgba(14, 203, 129, 0.08);
  --green-border: rgba(14, 203, 129, 0.25);
  --red: #f6465d;
  --red-hover: #ff6b7a;
  --red-bg: rgba(246, 70, 93, 0.08);
  --red-border: rgba(246, 70, 93, 0.25);
  --blue: #1e80ff;
  --blue-hover: #2990ff;
  --yellow: #fcd535;
  --gold: #f0b90b;
  --gold-hover: #f8d12f;
  --orange: #f0b90b;
  --font-mono: 'SF Mono', 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
  --font-ui: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --radius-sm: 4px;
  --radius-md: 6px;
}