/* ============================================================
   Dharmika · Paper & Ink — ЕДИНЫЙ ИСТОЧНИК токенов + craft
   для статических маркетинг-страниц (public/pages/*.html).
   ПРЕДЛОЖЕНИЕ (S0/S3): один файл на все 20 страниц вместо
   20 инлайн-конфигов. Значения = канон globals.css.
   Подключать в <head>: <link rel="stylesheet" href="/pages/theme.css">
   ============================================================ */

:root {
  /* нейтральная база */
  --ds-paper: #fcfbf9;
  --ds-alabaster: #f5f3ee;
  --ds-linen: #eae6df;
  --ds-ink: #1a1a18;
  --ds-graphite: #5c5c58;
  /* X13: 2.88:1 было ниже AA для мелкого текста — затемнено до 5.24:1. */
  --ds-stone: #6e6c68;
  /* доменные акценты */
  --ds-jyotish: #2943a3;
  --ds-ayurveda: #27825c;
  --ds-vastu: #c2352a;
  /* золото */
  --ds-gold: #d4a05b;
  --ds-gold-light: #e8c88a;
  /* X13 (2026-09-30): 3.77:1 было мало для мелких надписей — затемнено до 5.26:1. */
  --ds-gold-dark: #8a6228; /* читаемое золото на светлом */
}

/* --- CRAFT (единообразно на всех страницах) --- */

/* золотое выделение текста (M7) */
::selection {
  background: rgba(212, 160, 91, 0.28);
  color: var(--ds-ink);
}

/* видимое золотое кольцо фокуса на всех интерактивах (craft) */
:focus-visible {
  outline: 2px solid var(--ds-gold-dark);
  outline-offset: 2px;
  border-radius: 4px;
}

/* заголовки — балансировка переносов, абзацы — «красивый» перенос */
h1,
h2,
h3 {
  text-wrap: balance;
}
p {
  text-wrap: pretty;
}

/* --- КАНОНИЧЕСКИЙ eyebrow (M4): золото, а не доменный цвет --- */
/* Использовать <span class="dh-eyebrow">ВОЗМОЖНОСТИ</span> */
.dh-eyebrow {
  font-family: "Cinzel", Georgia, serif;
  font-size: 10px;
  letter-spacing: 0.5em;
  text-transform: uppercase;
  color: var(
    --ds-gold-dark
  ); /* читаемо на бумаге, в отличие от bright #D4A05B */
  font-weight: 600;
}