:root {
  --color-primary-1: #2198BE;
  --color-primary-2: #020711;
  --gradient-primary: linear-gradient(180deg, #2198BE 0%, #020711 100%);

  --color-bg-page: #FFFFFF;
  --color-bg-dark: #020711;
  --color-bg-card: #0D1520;
  --color-bg-secondary: #0A1220;
  --color-bg-soft: #F0F8FA;

  --color-text-primary: #FFFFFF;
  --color-text-dark: #000000;
  --color-text-body: #262525;
  --color-text-muted: #7F8F98;
  --color-text-muted-dark: #72777A;

  --color-accent-blue: #2198BE;
  --color-accent-light-blue: #5BB8D4;
  --color-link: #2198BE;
  --color-success: #00AA2B;
  --color-warning: #FFA500;
  --color-error: #EB3232;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 30px;
  --shadow-card: 0 1px 10.6px rgba(33, 152, 190, 0.25);

  --max-width: 1100px;
  --header-height: 80px;
}