/* plugini · дизайн-токены
 * Каркас — Apple España (DESIGN.md, 31.08.2026): монохромный интерфейс, чередование
 * белой и серой полосы, радиус 28px, пилюли, ноль теней.
 * Акцент — фирменный янтарь plugini из plugini-brand (oklch(66% .185 48)), не синий Apple.
 * Спека — docs/01-product/redesign-spec.md, RD-01.
 */
:root {
  color-scheme: light;

  /* ── цвет ─────────────────────────────────────────────── */
  --ink:         #1d1d1f;   /* заголовки и основной текст  16.8:1 на белом */
  --ink-soft:    #474747;   /* текст среднего веса          9.0:1 */
  --muted:       #707070;   /* мета, подписи, вторичное     4.95:1 */
  --hairline:    #d6d6d6;   /* волосяные линии — редко */
  --paper:       #ffffff;   /* белая полоса, карточки */
  --canvas:      #f5f5f7;   /* серая полоса */
  --wash:        #e8e8ed;   /* hover на светлых кнопках */
  --nav:         #fafafc;   /* фон навбара при скролле */

  /* Два янтаря по логике двух синих Apple: ярким красим форму, тёмным — текст.
     #e86500 на белом даёт 3.34:1 — хватает элементу интерфейса, но не строке текста. */
  --accent:      #e86500;   /* свотчи, точки, hover, фокус-кольцо   3.34:1 */
  --accent-deep: #ac4400;   /* текстовые ссылки и заливка пилюль    5.86:1 */

  /* ── типографика ──────────────────────────────────────── */
  /* Системный стек: на технике Apple это настоящий SF Pro из DESIGN.md —
     без внешнего домена, без сдвига шрифта при загрузке. */
  --font-body: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
               "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  /* Шкала DESIGN.md, обёрнутая в clamp: верхняя граница — значение Apple.
     Трекинг display смягчён с −1.44px до −1.2px: кириллица шире латиницы. */
  --text-display:     clamp(40px, 9vw,   96px);
  --text-heading-lg:  clamp(34px, 7vw,   80px);
  --text-heading:     clamp(30px, 5vw,   56px);
  --text-heading-sm:  clamp(26px, 3.6vw, 40px);
  --text-subheading:  clamp(24px, 3vw,   32px);
  --text-body-lg:     clamp(21px, 2.4vw, 28px);
  --text-body:        clamp(19px, 1.6vw, 21px);
  --text-body-sm:     17px;
  --text-caption:     14px;
  --text-micro:       12px;

  --tracking-display:    -1.2px;
  --tracking-heading:    -0.28px;
  --tracking-subheading:  0.128px;
  --tracking-body:        0.231px;
  --tracking-body-sm:    -0.374px;
  --tracking-caption:    -0.224px;

  /* Тесно на дисплейных размерах, просторно в тексте — иерархия без скачков кегля. */
  --leading-display: 1.05;
  --leading-heading: 1.07;
  --leading-title:   1.14;
  --leading-body:    1.47;

  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* ── отступы, 4pt ─────────────────────────────────────── */
  --space-4:   4px;
  --space-8:   8px;
  --space-12:  12px;
  --space-16:  16px;
  --space-20:  20px;
  --space-24:  24px;
  --space-28:  28px;
  --space-32:  32px;
  --space-40:  40px;
  --space-48:  48px;
  --space-80:  80px;
  --space-120: 120px;

  /* Ритм полос: 100–120px между смысловыми блоками, на телефоне вдвое меньше. */
  --band-gap: clamp(56px, 10vw, 120px);

  /* ── форма ────────────────────────────────────────────── */
  --radius-card: 28px;
  --radius-sm:   10px;
  --radius-pill: 980px;

  --page-width:   1200px;   /* полоса контента */
  --column-width: 780px;    /* колонка сплошного текста: ~70 знаков в строке при 18px */

  /* Кегль сплошного чтения. Apple держит 17px, но у него и колонка уже;
     на 780px строка при 17px становится длинной, а текст — мелким. */
  --text-read: clamp(17px, 1.35vw, 19px);

  /* ── движение ─────────────────────────────────────────── */
  --dur-fast: 120ms;
  --dur-base: 220ms;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}