/* ==========================================================================
   myproje · переменные оформления
   Один источник цвета, шрифта и отступа для всего сайта: анкета, кабинет,
   публичная страница профиля, а позже — каталог, лента проектов и статьи.
   Меняем здесь — меняется везде.
   ========================================================================== */

:root {
  /* --- фирменная палитра (документ структуры) --- */
  --brand-graphite:   #0E0E0E;
  --brand-warm-white: #F6F4F0;
  --brand-terracotta: #C4553B;   /* акцент, 5–10% поверхности */

  /* --- рабочая палитра интерфейса --- */
  --ink:        #1A1A18;   /* основной текст */
  --ink-soft:   #4A4744;   /* второстепенный текст */
  --muted:      #8E8A85;   /* подписи, подсказки */
  --paper:      #FBFAF8;   /* фон панелей */
  --canvas:     #EFECE7;   /* фон страницы */
  --card:       #FFFFFF;
  --line:       #E6E2DC;
  --line-2:     #D5D0C8;

  --accent:      var(--brand-terracotta);
  --accent-soft: #FBF1ED;
  --ok:          #4A7C59;
  --ok-soft:     #EDF2EE;
  --warn:        #8A6A14;
  --warn-soft:   #FBF5E9;
  --danger:      #B3202C;
  --danger-soft: #FAEFF0;

  /* Ссылки и второстепенные действия — НЕ акцентные.
     Терракота занимает 5–10% поверхности и означает главное действие;
     если ею покрасить «Выйти», «Удалить» и «Редактировать», акцент
     перестаёт что-либо значить. */
  --link:       var(--ink);
  --link-muted: var(--ink-soft);

  /* Спокойный фон вместо пустой обложки */
  --cover: linear-gradient(160deg, #EFE9E0 0%, #E6DFD4 60%, #DED6C9 100%);

  /* --- шрифты --- */
  /* Пара: гротеск для интерфейса, антиква для заголовков материалов.
     Ровно то, что переводит страницу из «каталога» в «издание». */
  /* Имя переменной говорит о роли, а не о рисунке шрифта: сменится гарнитура —
     менять нужно будет только эти две строки, весь остальной код останется. */
  --font-display: 'Literata', Georgia, 'Times New Roman', serif;
  --font-ui:      'Golos Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --fs-xs:   11.5px;
  --fs-sm:   12.5px;
  --fs-base: 14px;
  --fs-md:   15px;
  --fs-lg:   19px;
  --fs-xl:   23px;
  --fs-2xl:  27px;

  /* --- сетка и ритм --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 22px;
  --sp-6: 30px;
  --sp-7: 44px;

  --r:    10px;
  --r-lg: 14px;
  --r-pill: 22px;

  --shadow-drop: 0 6px 24px rgba(0, 0, 0, .07);
  --shadow-up:   0 -1px 0 var(--line);

  --page-max: 1220px;
  --read-max: 54ch;

  --tap: 44px;              /* минимальная зона нажатия на телефоне */
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}