/* web/theme.css — LangCity Canonical Theme Tokens */
/* Directly synchronized with Flutter AppPalette (Midnight Cyber) in lib/theme/app_theme.dart */

:root {
  color-scheme: dark;

  /* Backgrounds */
  --app-bg: #050814;
  --app-bg-deep: #020611;
  
  /* Surfaces & Cards */
  --app-surface: #0b1124;
  --app-surface-raised: #131d38;
  --app-surface-highlight: #1f2e59;
  --app-surface-glass: rgba(11, 17, 36, 0.75);
  --app-surface-glass-raised: rgba(19, 29, 56, 0.82);

  /* Borders & Dividers */
  --app-border: #1e293b;
  --app-border-light: rgba(255, 255, 255, 0.08);
  --app-border-highlight: #00f0ff;
  --app-border-hover: rgba(0, 240, 255, 0.45);

  /* Primary Accent: Electric Sky / Cyber Neon Cyan */
  --app-primary: #00f0ff;
  --app-primary-bright: #38f8ff;
  --app-primary-glow: rgba(0, 240, 255, 0.22);
  --app-on-primary: #020914;

  /* Secondary Accent: Starlight Indigo */
  --app-secondary: #818cf8;
  --app-secondary-bright: #a5b4fc;
  --app-secondary-glow: rgba(129, 140, 248, 0.2);
  --app-on-secondary: #020914;

  /* Accent Highlight */
  --app-accent: #00f0ff;
  --app-on-accent: #020914;

  /* Typography */
  --app-text-primary: #f8fafc;
  --app-text-secondary: #94a3b8;
  --app-text-muted: #64748b;

  /* Semantic Feedback & Accents */
  --app-gold: #fde047;
  --app-gold-glow: rgba(253, 224, 71, 0.2);
  --app-success: #34d399;
  --app-success-glow: rgba(52, 211, 153, 0.18);
  --app-error: #fb7185;
  --app-warning: #fbbf24;
  --app-sakura: #f472b6;
  --app-sakura-glow: rgba(244, 114, 182, 0.18);

  /* Card Gradients */
  --app-card-gradient-start: #0b1124;
  --app-card-gradient-end: #070b18;
}