/* Дизайн-токены сняты напрямую с макетов (Desktop 1920 @2x, Mobile 390 @2x) */

@font-face {
  font-family: 'Wix Madefor Display';
  src: url('../assets/fonts/WixMadeforDisplay-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Цвет — снят пипеткой с экспортов макета */
  --c-bg: #FAFAF8;
  --c-dark: #1F1F1F;
  --c-white: #FFFFFF;
  --c-orange: #FF7A1A;
  --c-orange-panel: #FFA04F;
  --c-cream: #FFF7ED;
  --c-text: #1F1F1F;
  --c-muted: #B4B4B4;
  --c-line: #E3E3E1;
  --c-placeholder: #D4D4D4;

  --font: 'Wix Madefor Display', -apple-system, Arial, sans-serif;
}

/* Масштабирование: 1rem = 1px макета.
   Десктоп считает от 1920, мобильный — от 390, поэтому пропорции
   обоих макетов сохраняются один в один на любой ширине экрана. */
html {
  font-size: calc(var(--vw, 100vw) / 1920);
  scroll-behavior: smooth;
}

@media (max-width: 1199px) {
  html {
    font-size: calc(min(var(--vw, 100vw), 600px) / 390);
  }
}

/* Колонка мобильного макета центрируется, когда экран шире 390 */
@media (max-width: 1199px) {
  body {
    max-width: 390rem;
    margin-inline: auto;
  }
}