/* static/css/variables.css */
:root {
  /* Background Colors */
  --bg-primary: #0a0a0b;
  --bg-secondary: #111113;
  --bg-tertiary: #1a1a1d;
  --bg-card: #141416;
  --bg-code: #0d0d0f;

  /* Text Colors */
  --text-primary: #f5f5f5;
  --text-secondary: #8a8a8a;
  --text-muted: #5a5a5a;

  /* Accent Colors */
  --accent-primary: #ff6b35;
  --accent-secondary: #f7c548;
  --accent-cyan: #00d4aa;
  --accent-danger: #ff2d55;

  /* Borders */
  --border-color: #2a2a2e;
  --border-accent: #ff6b35;

  /* Typography */
  --font-mono: 'Space Mono', monospace;
  --font-display: 'Syne', sans-serif;

  /* Spacing */
  --container-max: 1400px;
  --sidebar-width: 280px;
  --nav-height: 60px;

  /* Shadows */
  --shadow-glow: rgba(255, 107, 53, 0.15);
}

/* Dark mode is default */
html {
  color-scheme: dark;
}