/* Токены Re:covery Hub по брендбуку v3.2. Единый источник для приложения;
   страницы сайта пока держат те же значения в строках стилей (вид сайта не меняем). */
:root {
  /* Палитра */
  --rh-cream: #F2EFE6;        /* основной фон везде */
  --rh-white: #FFFFFF;        /* карточки, поля, панели */
  --rh-green: #1A3D24;        /* тёмно-зелёный: только текст, контуры, линии */
  --rh-teal: #4FA882;         /* брендовый тил: линии, точки, детали без текста */
  --rh-teal-deep: #2A7553;    /* тил глубокий: кнопки с белым текстом, мелкий текст-ссылки */
  --rh-mint: #A8D5B5;         /* мята: точечные блоки, «Re» */
  --rh-mint-soft: #E1F0DD;    /* светлая мята: метки-плашки, как на сайте */
  --rh-slate: #B6CED5;        /* сланцевый: вторичные панели */
  --rh-graphite: #3A3A3A;     /* основной текст */
  --rh-amber: #D4A96A;        /* янтарь: только деталь, одно пятно на экран */
  --rh-muted: #6B6B6B;        /* второстепенный текст, контраст на креме 4,9:1 */
  --rh-line: rgba(26, 61, 36, .10);
  --rh-error: #A3402F;

  /* Шрифты: фирменные латиница и цифры, запасные для кириллицы (v3.2) */
  --rh-font-display: 'DM Serif Display', Georgia, 'DejaVu Serif', serif;
  --rh-font-text: 'Sora', 'DejaVu Sans', system-ui, -apple-system, sans-serif;

  /* Шкала */
  --rh-fs-hero: 34px;
  --rh-fs-h1: 28px;
  --rh-fs-h2: 21px;
  --rh-fs-body: 15px;
  --rh-fs-small: 13px;
  --rh-fs-label: 11px;

  --rh-radius-card: 20px;
  --rh-radius-field: 14px;
  --rh-radius-pill: 999px;
  --rh-shadow-card: 0 8px 28px rgba(26, 61, 36, .07);

  --rh-tap: 44px;             /* минимальная зона нажатия */
  --rh-gutter: 16px;
  --rh-header-h: 56px;
  --rh-tabbar-h: 60px;
}

/* ---------- Роли цветов (компоненты берут только их) ---------- */
:root {
  --rh-bg: var(--rh-cream);              /* фон экрана */
  --rh-surface: var(--rh-white);         /* карточки */
  --rh-info-bg: var(--rh-mint-soft);     /* информационные блоки: дата события, подсказка, кружок иконки */
  --rh-hero-bg: var(--rh-white);         /* ключевая карточка экрана */
  --rh-frame: inset 0 0 0 1.5px var(--rh-teal);         /* тонкая рамка: выбранное, ключевая карточка */
  --rh-frame-soft: inset 0 0 0 1px rgba(26, 61, 36, .12);/* нажимаемая карточка */
  --rh-label-bg: var(--rh-mint-soft);    /* метки-плашки */
  --rh-hint-bg: var(--rh-mint-soft);     /* подсказки в формах */
  --rh-header-bg: rgba(242, 239, 230, .94);
  --rh-header-fg: var(--rh-green);
  --rh-header-line: var(--rh-line);
  --rh-veil: rgba(242, 239, 230, .78);    /* подложка под шторкой: светлая, не тёмная */
  --rh-divider: var(--rh-line);
  --rh-tag-bg: var(--rh-mint-soft);      /* дисциплины, метки в профиле */
  --rh-accent-block: var(--rh-surface);  /* приглашения («Расскажи свою историю») */
  --rh-btn-bg: var(--rh-green);          /* основная кнопка — как на сайте */
  --rh-btn-line: rgba(26, 61, 36, .15);  /* рамка вторичной кнопки — как «Мы в Telegram» на сайте */
  /* цвета чужих приложений — только внутри их значков (как значок Telegram на сайте) */
  --rh-brand-strava: #FC4C02;
  --rh-brand-telegram: linear-gradient(180deg, #2AABEE, #229ED9);
  --rh-brand-vk: #0077FF;
}

/* Оформление как на живом сайте (решение 30.10): крем, белые карточки, светло-мятные плашки с тёмно-зелёным текстом.
   Тёмных фонов нет нигде; тёмно-зелёный #1A3D24 — текст, контуры, линии и основная кнопка (как на сайте). */