/* ============================================================================
   SHARK DEV — фирменные константы. Единственный источник истины для цвета,
   типографики и ритма. Ни один цвет за пределами этого файла не объявляется:
   `python3 scripts/extract-brand.py --verify` падает, если в разметке, в
   остальных CSS или в SVG логотипа найден HEX, которого здесь нет.

   С 2026-09-27 сайт свёрстан по макету владельца «SHARK DEV - Главная 2» из
   Claude Design (ADR-0005). Поэтому источников у цветов два, и у каждого
   значения он указан:
     — гайдлайн `art/Shark Dev_guideline.pdf` (палитра, цвета логотипа) —
       их по-прежнему сверяет с PDF `extract-brand.py`;
     — макет владельца 2026-09-27 — цвета, которых в гайдлайне нет, но на
       которых держится утверждённый дизайн (решение владельца: «точно как в
       макете»).
   Тема одна — светлая, как в макете. Тёмной темы и переключателя больше нет.
   ============================================================================ */

:root {
  /* --- палитра гайдлайна, стр. 11 (четыре плашки, порядок как в гайдлайне) --- */
  --c-deep:  #0a003a; /* тёмный фиолетово-синий, гайдлайн стр. 11; в макете — основной текст */
  --c-ink:   #070b23; /* почти чёрный синий, гайдлайн стр. 11; в макете — тёмные карточки */
  --c-ice:   #c0fbff; /* светлый циан, гайдлайн стр. 11 */
  --c-paper: #e3f3fd; /* светлый голубой, гайдлайн стр. 11; в макете — фон страницы */

  /* --- цвета логотипа: в палитре гайдлайна их нет, взяты из заливок вектора --- */
  --c-blue:  #0041a8; /* слово «SHARK», из вектора логотипа, стр. 4–5 */
  --c-cyan:  #00bcf4; /* слово «DEV», из вектора логотипа, стр. 4–5 */
  --c-mono:  #1d1d1b; /* монохромная версия логотипа, гайдлайн стр. 7 */

  /* --- градиент знака: mesh-шейдинг из PDF. Нужен SVG логотипа; объявлен
         здесь, чтобы правило «цвета только в tokens.css» оставалось верным. --- */
  --logo-fin-0: #0171cb; /* из вектора логотипа, mesh-градиент знака, стр. 4 */
  --logo-fin-1: #005fbd; /* из вектора логотипа, mesh-градиент знака, стр. 4 */
  --logo-fin-2: #0038a2; /* из вектора логотипа, mesh-градиент знака, стр. 4 */
  --logo-fin-3: #002292; /* из вектора логотипа, mesh-градиент знака, стр. 4 */
  --logo-fin-4: #001d8d; /* из вектора логотипа, mesh-градиент знака, стр. 4 */
  --logo-fin-5: #002490; /* из вектора логотипа, mesh-градиент знака, стр. 4 */
  --logo-fin-6: #002f96; /* из вектора логотипа, mesh-градиент знака, стр. 4 */
  --logo-fin-hot: #00a6ea; /* из вектора логотипа, яркое пятно градиента знака, стр. 4 */
  --logo-lens-0: #0198fd; /* из вектора логотипа, блик знака, стр. 4 */
  --logo-lens-1: #03a8fd; /* из вектора логотипа, блик знака, стр. 4 */
  --logo-lens-2: #07c0fe; /* из вектора логотипа, блик знака, стр. 4 */
  --logo-lens-3: #0dbafe; /* из вектора логотипа, блик знака, стр. 4 */
  --mask-full: #ffffff;   /* канал SVG-маски блика знака; в макете — чистый белый */

  /* --- палитра макета владельца 2026-09-27 (ADR-0005) --- */
  --c-accent:   #0b5cff; /* основной акцент макета: кнопки, ссылки, чипы */
  --c-accent-2: #00a8ff; /* второй синий макета: ховер ссылок, градиенты */
  --c-accent-3: #1a7dff; /* середина синего градиента макета */
  --c-white:    #fbfdff; /* белые карточки макета */
  --c-sky-1:    #d3ecfb; /* светлые подложки карточек макета */
  --c-sky-2:    #e3f0fc; /* светлые подложки карточек макета */
  --c-sky-3:    #dbeefc; /* светлые подложки карточек макета */
  --c-sky-4:    #dbebfa; /* светлые подложки карточек макета */
  --c-sky-5:    #eef6fd; /* светлые подложки карточек макета */
  --c-night-1:  #04061a; /* тени и самый тёмный фон макета */
  --c-night-2:  #080d2e; /* тёмные карточки макета */
  --c-night-3:  #121a4e; /* тёмные карточки макета */
  --c-night-4:  #16265e; /* тёмные карточки макета */
  --c-night-5:  #1d2f74; /* тёмные карточки макета */
  --c-violet:   #13064e; /* конец градиента первого экрана (в макете с прозрачностью) */
  --c-indigo:   #2e3fa5; /* полоса схемы первого экрана (в макете с прозрачностью) */
  --c-coral:    #ff9a8f; /* «было» в AI-блоке макета */
  --c-coral-2:  #ff7c70; /* подложка «было» в AI-блоке макета */
  --c-error:    #c92a2a; /* текст ошибки формы в макете */
  --c-alert:    #ff5656; /* подложка и рамка сообщения об ошибке формы в макете */
  --c-pure:     #ffffff; /* чистый белый макета: акцентный блок, чипы технологий, активный вариант бюджета */

  /* --- полупрозрачные оттенки. В макете это rgba() от тех же цветов; здесь —
         через color-mix, чтобы источник цвета оставался токеном. --- */
  --deep-78: color-mix(in srgb, var(--c-deep) 78%, transparent);
  --deep-72: color-mix(in srgb, var(--c-deep) 72%, transparent);
  --deep-62: color-mix(in srgb, var(--c-deep) 62%, transparent);
  --deep-55: color-mix(in srgb, var(--c-deep) 55%, transparent);
  --deep-16: color-mix(in srgb, var(--c-deep) 16%, transparent);
  --deep-10: color-mix(in srgb, var(--c-deep) 10%, transparent);
  --deep-06: color-mix(in srgb, var(--c-deep) 6%, transparent);
  --paper-88: color-mix(in srgb, var(--c-paper) 88%, transparent);
  --paper-75: color-mix(in srgb, var(--c-paper) 75%, transparent);
  --paper-62: color-mix(in srgb, var(--c-paper) 62%, transparent);
  --paper-50: color-mix(in srgb, var(--c-paper) 50%, transparent);
  --paper-14: color-mix(in srgb, var(--c-paper) 14%, transparent);
  --paper-09: color-mix(in srgb, var(--c-paper) 9%, transparent);
  --paper-07: color-mix(in srgb, var(--c-paper) 7%, transparent);
  --ice-50: color-mix(in srgb, var(--c-ice) 50%, transparent);
  --ice-40: color-mix(in srgb, var(--c-ice) 40%, transparent);
  --ice-22: color-mix(in srgb, var(--c-ice) 22%, transparent);
  --ice-16: color-mix(in srgb, var(--c-ice) 16%, transparent);
  --ice-12: color-mix(in srgb, var(--c-ice) 12%, transparent);
  --ice-10: color-mix(in srgb, var(--c-ice) 10%, transparent);
  --accent-45: color-mix(in srgb, var(--c-accent) 45%, transparent);
  --accent-16: color-mix(in srgb, var(--c-accent) 16%, transparent);
  --accent-10: color-mix(in srgb, var(--c-accent) 10%, transparent);

  /* --- роли текста. Значения — из макета; где его прозрачность давала контраст
         ниже WCAG AA (4.5:1 для текста), она поднята до ближайшей проходящей —
         список таких мест в ADR-0005. Контраст считает check-contrast.py. --- */
  --text:        var(--c-deep);   /* заголовки и основной текст на светлом */
  --text-body:   color-mix(in srgb, var(--c-deep) 62%, transparent); /* текст карточек */
  --text-muted:  color-mix(in srgb, var(--c-deep) 58%, transparent); /* подписи полей, описания кейсов; в макете .45–.55 */
  --on-dark:       var(--c-paper);  /* текст на тёмных карточках */
  --on-dark-body:  color-mix(in srgb, var(--c-paper) 72%, transparent);
  --on-dark-muted: color-mix(in srgb, var(--c-paper) 62%, transparent);
  --on-dark-faint: color-mix(in srgb, var(--c-paper) 50%, transparent); /* подвал; копирайт в макете .35 */

  /* --- градиенты макета --- */
  --grad-hero: linear-gradient(118deg, var(--c-ink) 0%, color-mix(in srgb, var(--c-violet) 92%, transparent));
  --grad-dark: linear-gradient(150deg, var(--c-night-2), var(--c-deep));
  --grad-blue: linear-gradient(120deg, var(--c-accent) 0%, var(--c-accent-2) 100%);
  --grad-text: linear-gradient(105deg, var(--c-ice), var(--c-accent));
  --grad-button: linear-gradient(105deg, var(--c-accent), var(--c-accent-2));
  --grad-accent: linear-gradient(90deg, var(--c-blue) 0%, var(--c-cyan) 100%);

  /* --- типографика: Inter (гайдлайн стр. 12), шкала — из макета --- */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
               "Helvetica Neue", "Arial", "Noto Sans", sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;

  --fs-hero:  clamp(34px, 3.5vw, 66px);          /* h1 макета */
  --fs-h2:    clamp(28px, 3vw, 56px);            /* заголовки секций макета */
  --fs-card:  clamp(20px, 1.4vw, 26px);          /* заголовки карточек макета */
  --fs-card-s: clamp(18px, 1.3vw, 22px);
  --fs-lead:  clamp(16px, 1.1vw, 20px);
  --fs-body:  18px;
  --fs-small: 16px;
  --fs-micro: 14px;
  --fs-tag:   15px;

  --lh-hero: 1.04;
  --lh-h2: 1.06;
  --lh-card: 1.14;
  --lh-body: 1.55;
  --tracking-hero: -0.035em;
  --tracking-h2: -0.03em;
  --tracking-wide: 0.08em;

  /* --- ритм и раскладка макета --- */
  --page-pad: clamp(12px, 1.4vw, 24px);   /* поле вокруг всей страницы */
  --shell: 1860px;                         /* максимальная ширина блоков */
  --card-pad: clamp(24px, 2.6vw, 48px);
  --section-gap: clamp(14px, 1.4vw, 20px); /* расстояние между карточками-секциями */
  --gap-s: 14px;
  --gap-m: clamp(16px, 1.4vw, 24px);

  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs:  12px;
  --space-s:   16px;
  --space-m:   24px;
  --space-l:   40px;
  --space-xl:  64px;

  --radius-pill: 100px;
  --radius-xl: 28px;   /* карточки-секции макета */
  --radius-l: 24px;
  --radius-m: 20px;
  --radius-s: 14px;
  --radius-xs: 12px;

  --shadow-card: 0 30px 70px -40px color-mix(in srgb, var(--c-night-1) 34%, transparent);

  /* --- защитное поле логотипа: модуль X равен ширине знака (гайдлайн стр. 8) --- */
  --logo-mark-ratio: 1.0468;

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 140ms;
  --dur: 260ms;
}