:root {
  --primary: #F42A41;
  --primary-light: #f65464;
  --primary-lighter: #f87e87;
  --primary-dark: #d21e35;
  
  --secondary: #006A4E;
  --secondary-light: #008060;
  --secondary-dark: #00543e;
  
  --success: #F42A41;
  --error: #EF4444;
  --warning: #F59E0B;
  --info: #0088CC;
  
  --telegram: #0088CC;
  --telegram-light: #33A3D9;
  --telegram-dark: #006699;
  
  --dark: #006A4E;
  --light: #F9FAFB;
  
  --bg-primary: #006A4E;
  --bg-secondary: #008060;
  --bg-gradient-start: #006A4E;
  --bg-gradient-end: #F42A41;
  
  --card: rgba(0, 106, 78, 0.85);
  --surface: rgba(0, 84, 62, 0.8);
  --overlay: rgba(0, 0, 0, 0.8);
  
  --text-primary: #FFFFFF;
  --text-secondary: #B0B0B0;
  --text-tertiary: #808080;
  --text-inverse: #006A4E;
  --text-muted: #808080;
  
  --text: var(--text-primary);
  --text-dim: var(--text-secondary);
  --text-body: var(--text-primary);
  
  --alpha-5: rgba(244, 42, 65, 0.05);
  --alpha-10: rgba(244, 42, 65, 0.1);
  --alpha-20: rgba(244, 42, 65, 0.2);
  --alpha-30: rgba(244, 42, 65, 0.3);
  --alpha-40: rgba(244, 42, 65, 0.4);
  --alpha-50: rgba(244, 42, 65, 0.5);
  --alpha-60: rgba(244, 42, 65, 0.6);
  --alpha-70: rgba(244, 42, 65, 0.7);
  --alpha-80: rgba(244, 42, 65, 0.8);
  --alpha-90: rgba(244, 42, 65, 0.9);
  
  --border: rgba(255, 255, 255, 0.2);
  --border-light: rgba(255, 255, 255, 0.1);
  --border-dark: rgba(255, 255, 255, 0.3);
  --border-primary: var(--primary);
  
  --shadow-light: hsla(0, 0%, 0%, 0.1);
  --shadow-medium: hsla(0, 0%, 0%, 0.2);
  --shadow-dark: hsla(0, 0%, 0%, 0.3);
  --shadow-primary: rgba(244, 42, 65, 0.3);
  --shadow: 0 0.25rem 0.5rem hsla(0, 0%, 0%, 0.3);
  --shadow-lg: 0 0.5rem 1rem hsla(0, 0%, 0%, 0.5);
  
  --modal-bg-start: rgba(0, 106, 78, 0.98);
  --modal-bg-end: rgba(0, 84, 62, 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: #000000;
    --text-secondary: #333333;
    --border-light: #666666;
  }
} 