/* Токены дизайн-системы «Менторики». Три цвета и их оттенки, две гарнитуры, шаг 4 px.
   Всё остальное в landing.css ссылается только на эти переменные.
   Фон страницы — светлый оттенок чернил, а не крем: тёплый бежевый фон стал шаблонным
   признаком сгенерированных сайтов. Крем остался паре знака: логотип и подчёркивание на коралле. */

@font-face {
  font-family: "Unbounded";
  src: url("../fonts/Unbounded-wght.woff2") format("woff2");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Golos Text";
  src: url("../fonts/GolosText-wght.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

:root,
[data-theme="light"] {
  --surface: #eef1f8;
  --surface-raised: #ffffff;
  --surface-sunken: #dbe0ed;
  --coral: #e97964;
  --coral-soft: #fadfd7;
  --ink: #203068;
  --ink-muted: #535c82;
  --on-coral: #1c2b5e;
  --cream-on-coral: #f8f0e8;
  --action: #203068;
  --on-action: #f8f0e8;
  --line: #2030681f;
  --line-strong: #20306880;
  --scrim: #20306899;
  --shadow-float: 0 16px 40px #20306859;
  --focus-ring: 0 0 0 2px #eef1f8, 0 0 0 4px #203068;
}

[data-theme="dark"] {
  --surface: #151a2e;
  --surface-raised: #1e2440;
  --surface-sunken: #293156;
  --coral: #e97964;
  --coral-soft: #4a2d2c;
  --ink: #f8f0e8;
  --ink-muted: #aeb5cf;
  --on-coral: #1c2b5e;
  --cream-on-coral: #f8f0e8;
  --action: #f8f0e8;
  --on-action: #203068;
  --line: #f8f0e824;
  --line-strong: #f8f0e899;
  --scrim: #0b0e1acc;
  --shadow-float: 0 16px 40px #00000099;
  --focus-ring: 0 0 0 2px #151a2e, 0 0 0 4px #f8f0e8;
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-28: 112px;
  --gutter-desktop: 140px;
  --gutter-mobile: 16px;
  --content-max: 1160px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-2xl: 36px;
  --radius-full: 999px;
  --touch-min: 44px;
  --control-sm: 40px;
  --control-md: 48px;
  --control-lg: 56px;
  --control-xl: 60px;
  --icon: 24px;
  --line-badge: 28px;
  --avatar: 36px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --font-display: "Unbounded", "Golos Text", system-ui, sans-serif;
  --font-text: "Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* Плакатный масштаб и общий такт движения. Размеры заданы для 1440; на 390 их переопределяет landing.css.
   Все длительности на странице кратны одному такту, чтобы движение читалось как один ритм, а не набор эффектов. */
:root {
  --text-display-xl: 68px;
  --text-display-lg: 52px;
  --text-display-md: 32px;
  --text-display-sm: 24px;
  --text-formula: 34px;
  --text-lead: 20px;
  --text-body: 17px;
  --text-small: 15px;
  --text-caption: 13px;
  --rule: 1px;
  --rule-strong: 2px;
  --beat: 600ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}