/* VetaSoul — дизайн-токены. Основа: Notion (design/reference/notion-user.DESIGN.md, выбор заказчика 11.11.2026).
   Единственное место, где задаются цвета, шрифты, радиусы. Имена переменных прежние — меняются только значения. */
:root {
  /* поверхности: тёплая «бумага» + белые карточки */
  --canvas: #f6f5f4;          /* canvas-soft — фон страниц */
  --surface: #ffffff;         /* карточки, поля, чередующиеся секции */
  --peach-soft: #ffffff;      /* чередующиеся секции — белые на бумажном фоне */
  --peach: #ffe8d4;           /* пастель карточек (card-tint-peach) */
  --hairline: #e6e6e6;

  /* текст */
  --ink: #0d0d0d;             /* чёрный ~95% */
  --stone: #31302e;           /* warm charcoal — второстепенный текст */
  --ash: #615d59;             /* stone — приглушённый */
  --mute: #a39e98;            /* ash — подписи */
  --on-dark: #ffffff;

  /* единственный структурный акцент — кнопки и ссылки */
  --action: #0075de;
  --action-hover: #005bab;
  --on-action: #ffffff;
  --night: #213183;           /* тёмный «ночной» герой — один раз на странице */

  /* «стикеры» — только украшения, никогда не кнопки */
  --st-sky: #62aef0;
  --st-purple: #d6b6f6;
  --st-purple-deep: #391c57;
  --st-pink: #ff64c8;
  --st-orange: #dd5b00;
  --st-teal: #2a9d99;
  --st-green: #1aae39;
  --tint-rose: #fde0ec;
  --tint-mint: #d9f3e1;
  --tint-lavender: #e6e0f5;
  --tint-sky: #dcecfa;
  --tint-yellow: #fef7d6;

  /* старые имена (используются в стилях) → значения Notion */
  --clay: #793400;
  --espresso: #213183;
  --gold: #dd5b00;
  --ochre: #dd5b00;
  --gold-pale: #d6b6f6;
  --gold-deep: #793400;
  --sage: #1aae39;
  --sage-pale: #d9f3e1;
  --olive: #137a2a;
  --error: #e03131;
  --ok: #1aae39;

  /* шрифт — Inter (замена NotionInter), плотные заголовки */
  --display: "Inter", -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif;
  --body: "Inter", -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif;

  /* радиусы */
  --r-xs: 4px;
  --r-sm: 5px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-full: 9999px;

  /* отступы (база 8px) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 80px;
  --s-9: 120px;

  --wrap: 1200px;
  /* «едва заметная» многослойная тень Notion */
  --shadow: rgba(0,0,0,.01) 0 .175px 1.041px, rgba(0,0,0,.02) 0 .8px 2.925px, rgba(0,0,0,.027) 0 2.025px 7.847px, rgba(0,0,0,.04) 0 4px 18px;
  --shadow-2: rgba(0,0,0,.01) 0 1px 3px, rgba(0,0,0,.02) 0 3px 7px, rgba(0,0,0,.02) 0 7px 15px, rgba(0,0,0,.04) 0 14px 28px, rgba(0,0,0,.05) 0 23px 52px;
}