/* FastTour — дизайн-токены (по брендбуку «Молоко», FastTour Visual Identity) */
:root {
  /* Цвета бренда */
  --violet: #7733FC;
  --violet-600: #6524E6;
  --violet-100: #EFE7FF;
  --turquoise: #26D0D0;
  --turquoise-600: #12AFAF;
  --turquoise-100: #DDF8F8;
  --sand: #F0D9A8;
  --sand-100: #FBF3E2;
  --black: #000000;
  --ink: #0E0B1A;
  --white: #FFFFFF;
  --grey-50: #F5F5F5;
  --grey-100: #EDEDF0;
  --grey-300: #C9C8D1;
  --grey-500: #77758A;
  --grey-700: #3D3B4D;
  --success: #17B26A;
  --danger: #F04438;

  --grad: linear-gradient(90deg, var(--violet) 0%, var(--turquoise) 100%);
  --grad-v: linear-gradient(180deg, var(--turquoise) 0%, var(--violet) 100%);
  --grad-diag: linear-gradient(135deg, var(--violet) 0%, #5A6BEA 50%, var(--turquoise) 100%);

  /* Типографика */
  --font-display: "Unbounded", "Arial Black", sans-serif;
  --font-body: "Onest", "Segoe UI", Roboto, Arial, sans-serif;

  /* Скругления — фото в «скруглённых квадратах» как в брендбуке */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 20px;
  --r-lg: 32px;
  --r-xl: 48px;
  --r-pill: 999px;

  --shadow-sm: 0 2px 8px rgba(14, 11, 26, .06);
  --shadow-md: 0 12px 32px rgba(14, 11, 26, .10);
  --shadow-lg: 0 24px 64px rgba(14, 11, 26, .16);
  --shadow-violet: 0 12px 32px rgba(119, 51, 252, .32);

  --container: 1240px;
  --gutter: 20px;
  --header-h: 76px;

  --ease: cubic-bezier(.2, .8, .2, 1);

  /* «Огонь» из логотипа со скруглёнными углами (маска 280×190) */
  --flame-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 190' preserveAspectRatio='none'%3E%3Cpath d='M98 20Q98 0 111.83 14.44L268.93 178.45Q280 190 264 190L48 190Q36 190 30.51 179.33L5.49 130.67Q0 120 12 120L88 120Q98 120 98 110Z'/%3E%3C/svg%3E");
}