:root {
  --primary: #000000;
  --primary-light: #ffa000;
  --primary-lighter: #ffa000;
  --primary-dark: #a07b3c;
  --secondary: #0016ff;
  --secondary-light: #ff0000;
  --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);
  }
}