/* =========================================================
   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}

/* =========================================================
   DS 1.1 (F:\Tony Kador Design System) — токены --tk-* и общие компоненты.
   Добавлено 2026-09-24 (аудит дизайна, направление A). Только НОВЫЕ классы:
   базовые правила выше не меняются (tokens.css читает и club-kabinet).
   ========================================================= */
:root{
  --tk-color-ink:#161616; --tk-color-heading:#1E293B;
  --tk-color-green:#223930; --tk-color-green-2:#2F5043;
  --tk-color-gold:#C79A4B; --tk-color-gold-deep:#A87E33; --tk-color-gold-text:#7A5A1E;
  --tk-color-paper:#FBF8F2; --tk-color-paper-2:#F6F1E8; --tk-color-card:#FFFDF9;
  --tk-color-muted:#6F675D; --tk-color-line:#DDD3C4; --tk-color-line-soft:#E5DCCE;
  --tk-color-control-border:#8A8175; --tk-color-on-dark:#EAF0EC;
  --tk-color-danger:#B42318; --tk-color-success:#2F6B4F; --tk-color-promo:#FFC72C;
  --tk-font-display:'Lora',Georgia,'Times New Roman',serif;
  --tk-font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --tk-text-display-xl:clamp(2.625rem,5vw,4.5rem);
  --tk-text-display-lg:clamp(2.375rem,4.2vw,3.5rem);
  --tk-text-h1:clamp(2.25rem,3.6vw,3rem);
  --tk-text-h2:clamp(1.875rem,3vw,2.375rem);
  --tk-text-h3:clamp(1.4375rem,2vw,1.625rem);
  --tk-text-h4:1.25rem;
  --tk-text-lead:clamp(1.125rem,1.5vw,1.25rem);
  --tk-text-body:1rem; --tk-text-small:.90625rem; --tk-text-label:.75rem;
  --tk-container:73.75rem; --tk-page-gutter:clamp(1.125rem,3vw,1.5rem);
  --tk-section-space:clamp(3rem,7vw,6rem);
  --tk-radius-xs:.375rem; --tk-radius-field:.875rem; --tk-radius-compact:1rem;
  --tk-radius-card:1.5rem; --tk-radius-pill:999px;
  --tk-shadow-sm:0 1px 2px rgb(22 22 22 / 4%);
  --tk-shadow-md:0 8px 30px rgb(22 22 22 / 5%);
  --tk-focus-color:#A87E33;
}

/* ——— Кнопки: одна шкала (primary / gold / secondary / secondary-on-dark / chip-44) ——— */
.tk-button{display:inline-flex;min-height:3.25rem;align-items:center;justify-content:center;gap:.5rem;
  padding:.875rem 1.625rem;border:1px solid transparent;border-radius:var(--tk-radius-pill);
  font:600 .96875rem/1.25 var(--tk-font-body);text-align:center;text-decoration:none!important;cursor:pointer;
  transition:color .14s,background-color .14s,border-color .14s}
.tk-button:focus-visible,.tk-chip:focus-visible{outline:3px solid var(--tk-focus-color);outline-offset:3px}
.tk-button--primary,.tk-button--primary:visited{color:#fff!important;background:var(--tk-color-green)}
.tk-button--primary:hover{color:#fff!important;background:var(--tk-color-green-2)}
.tk-button--gold,.tk-button--gold:visited{color:#2A1F08!important;background:var(--tk-color-gold)}
.tk-button--gold:hover{color:#2A1F08!important;background:var(--tk-color-gold-deep)}
.tk-button--secondary,.tk-button--secondary:visited{color:var(--tk-color-ink)!important;background:transparent;border-color:var(--tk-color-control-border)}
.tk-button--secondary:hover{background:var(--tk-color-paper-2)}
.tk-button--on-dark,.tk-button--on-dark:visited{color:#fff!important;background:transparent;border-color:rgba(234,240,236,.55)}
.tk-button--on-dark:hover{background:rgba(234,240,236,.10);border-color:#EAF0EC}
.tk-button[aria-disabled="true"],.tk-button:disabled{opacity:.55;cursor:not-allowed}
.tk-chip{display:inline-flex;align-items:center;min-height:44px;padding:.5rem 1rem;border:1px solid var(--tk-color-line);
  border-radius:var(--tk-radius-pill);background:#fff;color:var(--tk-color-ink);font:600 .875rem/1.2 var(--tk-font-body);
  text-decoration:none!important;transition:border-color .14s,background-color .14s}
.tk-chip:hover{border-color:var(--tk-color-green)}
.tk-chip.is-active,.tk-chip[aria-current]{background:var(--tk-color-green);border-color:var(--tk-color-green);color:#fff}

/* ——— Надпись над секцией (eyebrow) ——— */
.tk-eyebrow{display:inline-block;color:var(--tk-color-muted);font:600 var(--tk-text-label)/1.6 var(--tk-font-body);
  letter-spacing:.14em;text-transform:uppercase}

/* ——— Хлебные крошки: один вид (Inter 13, muted, «›») ——— */
.tk-crumbs{font:400 13px/1.5 var(--tk-font-body);color:var(--tk-color-muted);margin:0 0 14px}
.tk-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0;margin:0}
.tk-crumbs li{display:inline-flex;align-items:center;gap:6px;margin:0;color:var(--tk-color-muted)}
.tk-crumbs li:not(:last-child)::after{content:"\203A";color:var(--tk-color-muted)}
.tk-crumbs a{color:var(--tk-color-green);text-decoration:none}
.tk-crumbs a:hover{text-decoration:underline}
.tk-crumbs [aria-current]{color:var(--tk-color-muted)}

/* ——— Иконки (контурные SVG, stroke 1.75, один набор — Lucide) ——— */
.tk-ico{display:inline-block;width:1.1em;height:1.1em;flex:none;vertical-align:-.15em;
  stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}