/* Дизайн-токены — источник: Figma 94Njh1R6jcibn3ARyQ4bx4 (get_variable_defs) */
:root {
  /* Чернила / текст */
  --ink: #1b1714;          /* Zeus — основной текст */
  --ink-soft: #5c544e;     /* Fuscous Gray */
  --ink-mute: #8a817a;     /* Schooner — приглушённый */
  --pampas: #efe9e6;       /* светлый текст на тёмном (топбар) */

  /* Акцент */
  --accent: #ce6b82;       /* Charm */
  --accent-dark: #b5536b;  /* Cadillac — hover */
  --accent-soft: #fbedf0;  /* We Peep — светлый фон */
  --accent-on: #ffffff;

  /* Поверхности / линии */
  --bg: #ffffff;
  --cream: #faf5f3;        /* Vista White — тёплый фон секций */
  --cream-2: #f4ece8;      /* Dawn Pink — трек прогресс-баров */
  --footer-bg: #141110;    /* Cod Gray */
  --line: rgba(27, 23, 20, 0.10);   /* Zeus 10% */
  --grey: #757575;         /* Boulder */

  /* Радиусы */
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 28px;
  --r-pill: 999px;

  /* Раскладка */
  --container: 1240px;
  --gutter: 32px;

  /* Тени */
  --shadow-accent: 0 10px 26px -12px var(--accent);

  /* Шрифты */
  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-ui: "Inter", var(--font-sans);
}

@media (max-width: 600px) {
  :root { --gutter: 20px; }
}