/* Дизайн-токены. Тёмный лес, пергамент, золото. */
:root {
  /* фон и дерево */
  --c-night: #0d120d;
  --c-deep: #131a13;
  --c-deep-2: #1a231a;
  --c-wood: #241a12;
  --c-wood-2: #33251a;
  --c-wood-3: #4a3524;

  /* пергамент и текст */
  --c-paper: #f4e9d2;
  --c-paper-soft: #e7d8ba;
  --c-ink: #f6eeda;
  --c-ink-soft: #cfc3a8;
  --c-ink-dim: #a99f89;

  /* акценты */
  --c-gold: #d9b45c;
  --c-gold-2: #b6903f;
  --c-moss: #8fb08a;
  --c-ok: #9dc79a;
  --c-error: #d98b7a;

  /* линии и стекло */
  --c-line: rgba(217, 180, 92, .22);
  --c-line-strong: rgba(217, 180, 92, .42);
  --glass: rgba(20, 27, 20, .72);
  --glass-soft: rgba(26, 35, 26, .55);
  --glass-paper: rgba(244, 233, 210, .94);

  /* типографика */
  --f-serif: Georgia, 'Times New Roman', serif;
  --f-sans: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fs-hero: clamp(32px, 5.2vw, 52px);
  --fs-h2: clamp(23px, 3vw, 32px);
  --fs-h3: 19px;
  --fs-body: 17px;
  --fs-small: 14px;
  --fs-micro: 12px;

  /* размеры */
  --r-sm: 10px;
  --r-md: 16px;
  --r-pill: 40px;
  --sh-soft: 0 10px 30px rgba(0, 0, 0, .35);
  --sh-card: 0 22px 50px rgba(0, 0, 0, .45);
  --sh-glow: 0 0 40px rgba(217, 180, 92, .16);
  --w-page: 1060px;
  --sp-1: 8px;
  --sp-2: 12px;
  --sp-3: 18px;
  --sp-4: 26px;
  --sp-5: 40px;
  --sp-6: 72px;
}