/* ============================================
   ОТВЕТ №1 — Design System v4
   Navy + Multi-accent (balanced brightness)
   ============================================ */
:root {
  --bg-deep: #080E1E;
  --bg-primary: #0C1527;
  --bg-card: #111D35;
  --bg-card-hover: #162644;
  --bg-elevated: #1A2D4E;
  --bg-input: #0E1729;
  --bg-overlay: rgba(8, 14, 30, 0.85);

  --cyan: #0DD3B4;
  --cyan-hover: #34EACD;
  --cyan-dim: rgba(13, 211, 180, 0.12);
  --cyan-glow: rgba(13, 211, 180, 0.25);
  --cyan-border: rgba(13, 211, 180, 0.2);

  --gradient: linear-gradient(135deg, #0DD3B4, #6366F1);
  --gradient-hover: linear-gradient(135deg, #34EACD, #818CF8);
  --gradient-warm: linear-gradient(135deg, #F59E0B, #EF4444);
  --gradient-purple: linear-gradient(135deg, #8B5CF6, #EC4899);
  --gradient-soft: linear-gradient(135deg, rgba(13,211,180,.08), rgba(99,102,241,.08));

  --green: #10B981;
  --green-dim: rgba(16, 185, 129, 0.15);
  --amber: #FBBF24;
  --amber-dim: rgba(251, 191, 36, 0.12);
  --red: #F43F5E;
  --red-dim: rgba(244, 63, 94, 0.12);
  --purple: #8B5CF6;
  --purple-dim: rgba(139, 92, 246, 0.12);
  --pink: #EC4899;
  --pink-dim: rgba(236, 72, 153, 0.12);
  --indigo: #6366F1;
  --indigo-dim: rgba(99, 102, 241, 0.12);

  --text-primary: #E8ECF4;
  --text-secondary: #8B97B0;
  --text-muted: #506080;
  --text-inverse: #FFFFFF;

  --border: rgba(255, 255, 255, 0.07);
  --border-hover: rgba(255, 255, 255, 0.14);
  --border-cyan: rgba(13, 211, 180, 0.18);

  --shadow-sm: 0 2px 8px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.5);
  --shadow-cyan: 0 4px 24px rgba(13,211,180,0.15);
  --shadow-cyan-lg: 0 8px 40px rgba(13,211,180,0.2);
  --shadow-purple: 0 4px 24px rgba(139,92,246,0.2);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}