/* ============================================================
   ГипноФилин — дизайн-токены раздела "Обо мне" ("Эспрессо + амбер")
   Тёплая тёмная тема: эспрессо-коричневый фон, один акцент-амбер,
   serif (Playfair Display) для заголовков + Manrope для текста.

   Это ЛОКАЛЬНАЯ тема поверх основного сайта (site/style.css держит
   свою macOS-dark/оранж+фиолет палитру для остальных страниц).
   Используйте эти токены на страницах, которые продолжают визуальный
   язык "Обо мне" (сертификаты, выступления, будущие разделы той же
   концепции). Не меняйте site/style.css — это отдельная тема.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&display=swap');
/* Manrope уже подключается через site/style.css (@import Space Grotesk + Manrope).
   Если используете эту тему БЕЗ site/style.css - раскомментируйте: */
/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap'); */

:root{
  /* поверхности - 3 уровня тёмного коричневого, от светлого к глубокому */
  --bg:#17110A;      /* фон страницы, "тёмные" (нечётные) секции */
  --bg-2:#241A0F;    /* приподнятая панель: аккордеон, карточка галереи, поле ввода */
  --bg-3:#0F0A06;    /* самый глубокий тон: "чётные" секции-плитки, подложка фото/каруселей */

  /* текст */
  --ink:#F5EFE6;                          /* основной (заголовки, активный текст) */
  --ink-dim:rgba(245,239,230,0.62);       /* вторичный (абзацы) */
  --ink-faint:rgba(245,239,230,0.58);     /* третичный (подписи, лейблы) */

  /* линии/бордеры - оба тона на основе амбера с низкой непрозрачностью,
     чтобы разделители читались как часть тёплой палитры, а не серые */
  --line:rgba(232,163,61,0.16);
  --line-soft:rgba(232,163,61,0.13);

  /* единственный акцент во всей теме - амбер. Не добавляйте второй акцентный
     цвет без явной причины: система держится на балансе "1 акцент на всё" */
  --amber:#E8A33D;

  /* переопределение токенов основного сайта (--violet/--orange) на амбер -
     иначе общие компоненты из style.css (.nav-cta и т.п.) продолжат брать
     фиолет/оранж и будут клэшить с этой темой на странице */
  --violet:#E8A33D; --violet-deep:#B97D1F; --orange:#E8A33D;

  /* шрифты */
  --disp:'Playfair Display',serif;   /* заголовки, цифры-статы, подписи кнопок-аккордеонов */
  --body:'Manrope',sans-serif;       /* обычный текст, лейблы форм */

  /* форма */
  --r-card:24px;   /* радиус крупных карточек/панелей */
  --r-btn:12px;    /* радиус полей ввода и кнопки отправки (совпадает с общим сайтом) */
}