/* Палитра сайта: теплый белый фон, графит для заголовков и темных плашек,
   чуть светлее – для основного текста. */
:root {
  --paper: #F7F5F0;
  --paper-hover: #F1EEE7;
  --stone: var(--paper);
  --surface: var(--paper);
  --surface-hover: var(--paper-hover);

  /* заголовки, шапка, футер и темные плашки */
  --night: #14120F;
  --night-rgb: 20, 18, 15;
  --ink: #14120F;

  /* основной текст */
  --body: #2B2825;
}

body,
body.authors-preview { background-color: var(--paper); }

/* Секции и плашки, у которых белый фон задан явно. */
.company-about,
#experience.experience-section,
.home-projects-panel,
.library-books,
#request.request-section,
#team.founders,
body.projects-page,
body #competences .competences-toggle,
body #stages.lifecycle,
body #stages .lifecycle__tab:not(.is-active):not([aria-selected="true"]),
#value .benefit-toggle,
.developer-outcome,
body #competences .competences-toggle[open],
body #experience[data-experience-ready] .experience-mobile-toggle,
body #team .founder-mobile-toggle { background: var(--paper); }

body :is(.developer-outcomes, .developer-outcomes-compact, .developer-outcome,
  .competences-work, .competences-scale, .competences-scale__notes,
  .story__formula, .story__note, .business-model__pool, .business-model__details,
  .model-toggle--pool, .model-toggle--wide, .lifecycle__intro, .lifecycle__work,
  .income-flow, .income-flow__rows span, .variant-panel--editorial, .variant-panel--compact),
body #stages .story__table tbody th,
body #stages .story__table tbody tr:nth-child(even) td,
body #roles .story__table thead th:first-child,
body #roles .story__table tbody td { background-color: var(--paper) !important; }

@media (min-width: 801px) {
  body #roles .story__table tbody th { background-color: var(--paper) !important; }
}

/* Светлая кнопка и CTA в шапке остаются на том же оттенке. */
.nav .nav__cta:hover,
.topbar .header__top .nav .nav__cta:hover,
.topbar .nav .nav__cta:hover,
.btn--light:hover { --btn-bg: var(--paper-hover); background: var(--paper-hover); }