/* ============================================
   THEME VARIABLES - Color & Design Tokens
   ============================================ */

:root {
  /* Base Colors */
  --app-bg: #071b3a;
  --app-bg-elevated: #0b2752;
  --app-text: #e8efff;
  --app-text-muted: #afc1e6;
  --app-text-subtle: #8a99b8;
  --app-text-code: #ffd700;

  /* Primary Accents */
  --app-accent-primary: #8eb4ff;
  --app-accent-blue: #5a9eff;
  --app-accent-yellow: #ffd700;
  --app-accent-yellow-muted: #f0c800;

  /* Secondary Blue Tones */
  --app-blue-light: #a8c5ff;
  --app-blue-dark: #4a7bd4;

  /* Status Colors */
  --app-status-success: #4ade80;
  --app-status-warning: #facc15;
  --app-status-error: #ef4444;
  --app-status-info: #60a5fa;

  /* Interactive Elements */
  --app-button-hover: rgba(142, 180, 255, 0.15);
  --app-border-color: rgba(142, 180, 255, 0.25);
  --app-border-color-active: rgba(142, 180, 255, 0.6);

  /* Semantic */
  --app-code-bg: rgba(2, 10, 26, 0.6);
  --app-divider: rgba(142, 180, 255, 0.1);

  /* Legacy (keeping for compatibility) */
  --app-accent: #8eb4ff;
}
