@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');

:root {
  /* Цвета — замените на свои из Figma */
  --gradient-primary: linear-gradient(180deg, #B70000 0%, #F93030 100%);
  --color-primary:    #E63946;
  --color-secondary:  #1D3557;
  --color-bg:         #0A0A0A;
  --color-bg-card:    #141414;
  --color-text:       #FFFFFF;
  --color-text-gray:  #8A8A8A;
  --color-border:     #2A2A2A;
  --color-success:    #2ECC71;
  --color-error:      #E74C3C;

  /* Шрифты */
  --font-main:        'Inter', sans-serif;

  /* Размеры текста */
  --text-xs:          1.2rem;
  --text-sm:          1.4rem;
  --text-base:        1.6rem;
  --text-md:          2.0rem;
  --text-lg:          2.4rem;
  --text-xl:          3.2rem;
  --text-xxl:         4.0rem;

  /* Отступы */
  --space-xs:         0.8rem;
  --space-sm:         1.6rem;
  --space-md:         2.4rem;
  --space-lg:         3.2rem;
  --space-xl:         4.8rem;

  /* Радиус */
  --radius-sm:        0.8rem;
  --radius-md:        1.2rem;
  --radius-lg:        2.0rem;
  --radius-full:      9999px;

  /* Тени */
  --shadow-sm:        0 2px 8px rgba(0,0,0,0.3);
  --shadow-md:        0 4px 16px rgba(0,0,0,0.4);

  /* Переходы */
  --transition:       0.3s ease;
}