/* Аква Стар — РВД. Единственный источник оформления.
   Приёмы сняты с ruxsoftware.com, акцент #209aeb задан владельцем. */

:root {
  /* Цвета */
  --color-paper: #ebe8e1;
  --color-paper-soft: #f4f2ed;
  --color-ink: #0e1a24;
  --color-ink-soft: #1c2c38;
  --color-accent: #209aeb;
  --color-accent-deep: #1683cc;
  --color-accent-text: #0d6aa8;
  --color-on-accent: #0e1a24;
  --color-text-muted: #56626b;
  --color-text-muted-dark: #a7b2ba;
  --color-line: rgba(14, 26, 36, 0.16);
  --color-line-strong: rgba(14, 26, 36, 0.32);
  --color-line-dark: rgba(235, 232, 225, 0.18);
  --color-overlay: rgba(14, 26, 36, 0.72);
  --color-hot-hover: rgba(255, 255, 255, 0.1);
  --color-error: #b3261e;
  --color-success: #1b7a45;

  /* Шрифт */
  --font-base: "Inter Tight", "Helvetica Neue", Arial, sans-serif;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --weight-black: 800;

  --fs-display: clamp(2.75rem, 7vw, 6rem);
  --fs-h2: clamp(2.25rem, 4.6vw, 4.25rem);
  --fs-h3: clamp(1.25rem, 1.6vw, 1.5rem);
  --fs-modal-title: clamp(1.875rem, 3vw, 2.5rem);
  --fs-lead: clamp(1.125rem, 1.5vw, 1.375rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-logo: 1.125rem;
  --fs-phone: 1.125rem;
  --fs-phone-mob: 0.9375rem;
  --fs-marquee: clamp(1.25rem, 2.2vw, 1.875rem);
  --fs-brand: clamp(2rem, 5vw, 4rem);
  --fs-wordmark: clamp(3rem, 15.5vw, 17rem);
  --fs-close: 1.75rem;

  --lh-head: 0.95;
  --lh-tight: 1.15;
  --lh-lead: 1.3;
  --lh-body: 1.45;
  --tracking-head: -0.045em;
  --tracking-tight: -0.02em;
  --tracking-caps: 0.06em;

  /* Раскладка */
  --container: 1200px;
  --header-container: 1360px;
  --gutter: clamp(16px, 4vw, 48px);
  --section-y: clamp(64px, 9vw, 128px);
  --gap-xs: 6px;
  --gap-s: 10px;
  --gap-m: 16px;
  --gap-l: 32px;
  --gap-xl: clamp(40px, 6vw, 96px);
  --header-h: 72px;
  --gap-nav: 24px;
  --sticky-top: calc(var(--header-h) + var(--gap-l));

  --radius: 4px;
  --border: 1px;
  --focus-w: 3px;
  --focus-offset: 3px;
  --lift: 2px;
  --shadow-modal: 0 24px 64px rgba(14, 26, 36, 0.35);
  --transition: 180ms ease;

  /* Элементы */
  --btn-py: 14px;
  --btn-px: 22px;
  --input-py: 12px;
  --input-px: 14px;
  --logo-size: 44px;
  --gap-contacts: 48px; /* между почтой и телефоном в шапке */
  --pixel: 10px;
  --pixel-l: 14px;
  --num-w: 2.5ch;
  --part-h: 176px;
  --modal-w: 520px;
  --close-size: 44px;
  --check-size: 18px;
  --check-offset: 2px;
  --cta-h: clamp(460px, 44vw, 680px);
  --cta-text-w: 820px;
  --wordmark-crop: 0.6em;
  --marquee-speed: 45s;

  /* Пиксельный переход: размеры = размеры assets/dither.png */
  --dither-w: 1200px;
  --dither-h: 64px;

  /* Невидимые зоны клика поверх баннера, в % от картинки.
     Сменили баннер — перемерить. ПК: banner-pk.jpg, моб: banner-mob.jpg */
  --hot-pk-phone-x: 4.6%;
  --hot-pk-phone-y: 55%;
  --hot-pk-phone-w: 35.5%;
  --hot-pk-phone-h: 11.5%;
  --hot-pk-btn-x: 4.8%;
  --hot-pk-btn-y: 68%;
  --hot-pk-btn-w: 30%;
  --hot-pk-btn-h: 12.6%;

  --hot-mob-phone-x: 7.6%;
  --hot-mob-phone-y: 31.5%;
  --hot-mob-phone-w: 49.5%;
  --hot-mob-phone-h: 9%;
  --hot-mob-btn-x: 7.8%;
  --hot-mob-btn-y: 41.4%;
  --hot-mob-btn-w: 33%;
  --hot-mob-btn-h: 7.4%;
}