:root {
  --primary: #2b3270;
  --primary-light: #3a3e7e;
  --primary-lighter: #4a4e8e;
  --primary-dark: #22275b;
  
  --secondary: #22275b;
  --secondary-light: #2b3270;
  --secondary-dark: #1a1e4a;
  
  --success: #2FD6B4;
  --error: #EF4444;
  --warning: #F59E0B;
  --info: #0088CC;
  
  --telegram: #0088CC;
  --telegram-light: #33A3D9;
  --telegram-dark: #006699;
  
  --dark: #22275b;
  --light: #F9FAFB;
  
  --bg-primary: #2b3270;
  --bg-secondary: #22275b;
  --bg-gradient-start: #2b3270;
  --bg-gradient-end: #22275b;
  
  --card: rgba(34, 39, 91, 0.95);
  --surface: rgba(43, 50, 112, 0.9);
  --overlay: rgba(0, 0, 0, 0.8);
  
  --text-primary: #FFFFFF;
  --text-secondary: #B0B3D6;
  --text-tertiary: #888CB2;
  --text-inverse: #22275b;
  --text-muted: #888CB2;
  
  --text: var(--text-primary);
  --text-dim: var(--text-secondary);
  --text-body: var(--text-primary);
  
  --alpha-5: rgba(43, 50, 112, 0.05);
  --alpha-10: rgba(43, 50, 112, 0.1);
  --alpha-20: rgba(43, 50, 112, 0.2);
  --alpha-30: rgba(43, 50, 112, 0.3);
  --alpha-40: rgba(43, 50, 112, 0.4);
  --alpha-50: rgba(43, 50, 112, 0.5);
  --alpha-60: rgba(43, 50, 112, 0.6);
  --alpha-70: rgba(43, 50, 112, 0.7);
  --alpha-80: rgba(43, 50, 112, 0.8);
  --alpha-90: rgba(43, 50, 112, 0.9);
  
  --border: rgba(43, 50, 112, 0.3);
  --border-light: rgba(43, 50, 112, 0.2);
  --border-dark: rgba(43, 50, 112, 0.5);
  --border-primary: var(--primary);
  
  --shadow-light: hsla(231, 40%, 30%, 0.1);
  --shadow-medium: hsla(231, 40%, 30%, 0.2);
  --shadow-dark: hsla(231, 40%, 30%, 0.3);
  --shadow-primary: rgba(43, 50, 112, 0.3);
  --shadow: 0 0.25rem 0.5rem hsla(231, 40%, 30%, 0.3);
  --shadow-lg: 0 0.5rem 1rem hsla(231, 40%, 30%, 0.5);
  
  --modal-bg-start: rgba(43, 50, 112, 0.98);
  --modal-bg-end: rgba(34, 39, 91, 0.95);
  
  --gradient-primary: linear-gradient(135deg, var(--primary), var(--primary-dark));
  --gradient-secondary: linear-gradient(135deg, var(--secondary), var(--secondary-dark));
  --gradient-bg: linear-gradient(to right, var(--bg-gradient-start), var(--bg-gradient-end));
}

@media (prefers-contrast: high) {
  :root {
    --text-primary: #FFFFFF;
    --text-secondary: #B0B3D6;
    --border-light: rgba(43, 50, 112, 0.6);
  }
}