/* =========================================================
   TONY KADOR — DESIGN TOKENS v3
   Светлая экспертная медиа-платформа.
   Роли: ElevenLabs=атмосфера · Column=структура · Substack/Medium=editorial
         Ventriloc=карточки/тарифы · Wise=CTA/доверие · bento=главный блок.
   Единый источник правды. Подключается на каждой странице.
   ВАЖНО: контраст — на тёмно-зелёных блоках текст светлый (см. --on-accent).
   ========================================================= */

:root{
  /* ——— INK (основной текст, графит) ——— */
  --ink:#161616;
  --ink-2:#6F675D;            /* вторичный тёплый серый */
  --ink-3:#73695B;            /* подписи/eyebrow */

  /* ——— PAPER (фон, поверхности) ——— */
  --paper:#FBF8F2;            /* основной тёплый off-white */
  --paper-2:#F6F1E8;          /* секции-чередование, песочнее */
  --card:#FFFDF9;             /* почти белая карточка */
  --card-2:#FBF7EE;           /* песочная карточка */

  /* ——— NEUTRAL RULES (тёплые тонкие линии) ——— */
  --rule:rgba(22,22,22,0.10);
  --rule-strong:#C9BEAD;
  --line:#DDD3C4;
  --line-soft:#E5DCCE;
  --muted:#6F675D;

  /* ——— ACCENT: графитово-зелёный (главный) ——— */
  --accent:#223930;
  --accent-2:#2F5043;         /* зелёный посветлее — hover/линии */
  --on-accent:#EAF0EC;        /* текст НА тёмно-зелёном (светлый!) */
  --on-accent-soft:rgba(234,240,236,0.80);

  /* ——— SAND / GOLD (мягкие акценты) ——— */
  --sand:#EFE3C9;
  --sand-2:#F5ECD9;
  --gold:#C79A4B;
  --hl:#B9F000;        /* ярко-зелёный маркер-хайлайтер */
  --hl-ink:#16210a;    /* тёмный текст на ярком лайме */
  --gold-deep:#A87E33;

  /* ——— АЛИАСЫ обратной совместимости (старые имена → новая палитра) ———
     ВАЖНО про контраст: старый --lime был СВЕТЛЫМ акцентом (кнопки = lime-фон + тёмный текст).
     Поэтому --lime → ЗОЛОТО (светлое, тёмный текст поверх читается), а НЕ тёмно-зелёный.
     --lime-ink (цвет ссылок/акцентного текста на светлом фоне) → тёмно-зелёный. */
  --lime:#C79A4B;             /* акцент-заливка (чипы, маркеры, hero-плитки): золото, тёмный текст читаем */
  --lime-ink:#223930;         /* цвет ссылок/акцентного ТЕКСТА на светлом фоне: тёмно-зелёный */
  --red: oklch(0.62 0.22 25);
  --tk-ink:#161616;
  --tk-lime:#C79A4B;          /* border-left акценты карточек (author/related/toc): золото */
  --tk-lime-ink:#223930;      /* цвет ссылок в модулях: тёмно-зелёный */
  --tk-rule:rgba(22,22,22,0.10);
  --tk-rule-strong:#C9BEAD;

  /* ——— TYPOGRAPHY ——— */
  --f-display:'Lora', Georgia, 'Times New Roman', serif;   /* крупные заголовки, editorial */
  --f-serif:'Lora', Georgia, serif;
  --f-body:'Inter', system-ui, sans-serif;
  --f-sans:'Inter', system-ui, sans-serif;
  --f-mono:'Inter', system-ui, sans-serif;                 /* eyebrow теперь Inter, не mono */

  /* ——— RADII ——— */
  --r-xs:6px;
  --r-sm:14px;
  --r-md:16px;
  --r-lg:20px;
  --r-card:24px;
  --r-pill:999px;

  /* ——— SHADOWS (очень мягкие) ——— */
  --shadow-sm: 0 1px 2px rgba(22,22,22,.04);
  --shadow-md: 0 1px 2px rgba(22,22,22,.04), 0 8px 30px rgba(22,22,22,.05);
  --shadow-lg: 0 12px 40px rgba(22,22,22,.10);

  /* ——— GRID & LAYOUT ——— */
  --wrap-max:1180px;
  --wrap-pad:24px;
  --section-pad-y:64px;
}

/* ——— BASE RESET ——— */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}

body{
  font-family:var(--f-body);
  background:var(--paper);
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.wrap{padding:0 var(--wrap-pad);max-width:var(--wrap-max);margin:0 auto}
.section{padding:var(--section-pad-y) 0;border-top:1px solid var(--rule)}
.eyebrow{
  font-family:var(--f-sans);
  font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  font-weight:600;
  color:var(--ink-3);
  display:flex;align-items:center;gap:10px;
  margin-bottom:24px;
}
.tnum{font-variant-numeric:tabular-nums}