/* Шрифты на сайте — self-host-fonts.py */
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/manrope-400-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/manrope-400-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/manrope-600-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/manrope-600-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 800; font-display: swap; src: url('fonts/unbounded-800-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 800; font-display: swap; src: url('fonts/unbounded-800-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Токены Midnight — из design/direction.md */
:root {
  /* Цвет */
  --surface: oklch(0.15 0.03 285);      /* ночь — логотип y03 */
  --plane: oklch(0.2 0.035 285);        /* плоскость ночи: слоты, поля */
  --ink: oklch(0.96 0.012 290);         /* текст на ночи */
  --ink-muted: oklch(0.76 0.03 290);    /* вторичный на ночи */
  --accent: oklch(0.75 0.11 290);       /* сирень логотипа */
  --accent-hover: oklch(0.82 0.09 290);
  --on-accent: oklch(0.15 0.03 285);
  --lilac: oklch(0.9 0.045 290);        /* светлая плоскость: Бар, Правила */
  --lilac-ink: oklch(0.15 0.03 285);
  --lilac-muted: oklch(0.36 0.05 290);
  --lilac-line: oklch(0.52 0.14 290);   /* куб и линии на светлом */
  --line: oklch(0.96 0.012 290 / 0.14); /* волосяные линии на ночи */
  --danger: oklch(0.7 0.16 15);

  /* Типографика */
  --font-display: 'Unbounded', 'Arial Black', sans-serif;
  --font-body: 'Manrope', 'Segoe UI', system-ui, sans-serif;
  --step--1: 0.875rem;
  --step-0: 1.0625rem;
  --step-1: 1.25rem;
  --step-2: clamp(1.5rem, 1.2rem + 1vw, 2rem);
  --step-3: clamp(2rem, 1.3rem + 2.6vw, 3.5rem);
  --step-4: clamp(2.25rem, 1.2rem + 4.2vw, 5rem);
  --step-5: clamp(2.5rem, 0.9rem + 6.6vw, 7.5rem);   /* финал */

  /* Пространство */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --space-10: 128px;
  --section: clamp(4rem, 2rem + 7vw, 8.5rem);
  --container: 1344px;
  --gutter: clamp(16px, 4vw, 48px);
  --header-row: 88px;   /* высота строки шапки; --header-h пишет script.js замером */

  /* Форма: проволока — без скруглений (direction.md) */
  --radius-control: 0;

  /* Движение — «выдвижение куба» */
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur-micro: 160ms;
  --dur-reveal: 520ms;
  --dur-extrude: 700ms;

  /* Сигнатура: проволочный куб */
  --signature-depth: 40px;
  --signature-stroke: 2px;
  --signature-color: var(--accent);
  --signature-face: color-mix(in oklab, var(--accent) 18%, var(--surface)); /* грани куба — читается коробка */
}
@media (max-width: 900px) {
  :root { --signature-depth: 18px; --header-row: 72px; }
}