/* ============================================================
   Дизайн-токены платформы obuhovv
   ЕДИНСТВЕННЫЙ файл с «сырыми» цветами. Всё остальное — только var(--...).

   Темы:
   • :root                — светлая брендовая тема «шампань» (по умолчанию);
   • [data-theme="light"] — то же (совместимость с сохранёнными настройками);
   • [data-theme="dark"]  — ночной режим (кнопка / в шапке);
   • [data-theme="club"]  — лендинг клуба (свои токены в champagne.css).
   ============================================================ */
:root{
  /* ── Брендовая палитра (Champagne Performance) ── */
  --ivory:#F5F7F6;          /* основной фон */
  --cream:#E9E1D1;          /* вторичные поверхности */
  --warm-white:#FFFFFF;     /* карточки */
  --deep-olive:#182B23;     /* заголовки и основной текст */
  --muted-olive:#4A574E;    /* второстепенный текст */
  --soft-olive:#6B7160;     /* подписи и подсказки (WCAG AA ~4.4:1 на ivory) */
  --champagne:#B79A5A;      /* линии, рамки, акценты */
  --bronze:#146C53;         /* акцентные кнопки и ссылки */
  --graphite:#242521;       /* навигация, мелкий текст */

  /* ── Статусы (приглушённые под светлый фон) ── */
  --status-success:#2F8F5B;
  --status-success-dark:#24734A;
  --status-warning:#C07A16;
  --status-danger:#B4433A;
  --status-violet:#6C5CE0;
  --accent-fire:#D9622B;
  /* TrainingPeaks mobile dashboard (coach_mobile.css) — сырые hex разрешены только здесь */
  --tp-bg:#FFFFFF;--tp-bg2:#F3EFE5;--tp-text:#263329;--tp-muted:#5F674D;--tp-dim:#6B7160;
  --tp-accent:#D9622B;--tp-accent-light:#FBE7DC;--tp-fitness:#263329;--tp-form:#D9622B;
  --tp-fatigue:#B4433A;--tp-border:#DED3B8;--tp-green:#2F8F5B;--tp-seg:#E9E1D1;
  /* nutrition.css */ --nt-blue:#5b8def;--nt-gray:#777;--nt-bronze:#8B7447;--nt-line:#ddd;
  --nt-salmon:#e07a5f;--nt-line2:#eee;--nt-gold:#f2b04c;

  /* ── Производные: линии, тени, свечение ── */
  --line-soft:#DED3B8;
  --line-strong:#C7B893;
  --white:#FFFFFF;
  --overlay:rgba(38,51,41,.32);
  --shadow-soft:0 10px 30px rgba(38,51,41,.08);
  --shadow-card:0 18px 48px rgba(38,51,41,.10);
  --glow-primary:0 0 32px rgba(183,154,90,.28);
  --hero-glow:radial-gradient(1000px 420px at 82% -12%, rgba(183,154,90,.16), transparent 62%);

  /* ── Отступы ── */
  --space-xs:4px;
  --space-sm:8px;
  --space-md:16px;
  --space-lg:24px;
  --space-xl:32px;
  --space-2xl:48px;
  --space-3xl:64px;

  /* ── Скругления ── */
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:18px;
  --radius-full:999px;

  /* ── Шрифты ── */
  --font-display:'Cormorant Garamond', 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:'Manrope', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

  /* ── Совместимость: имена, которыми пользуется весь существующий CSS ── */
  --bg:var(--ivory);
  --bg2:var(--warm-white);
  --card:var(--warm-white);
  --line:var(--line-soft);
  --line2:var(--line-strong);
  --tx:var(--deep-olive);
  --tx2:var(--muted-olive);
  --tx3:var(--soft-olive);
  --ac:var(--bronze);
  --ac2:var(--deep-olive);
  --ok:var(--status-success);
  --warn:var(--status-warning);
  --bad:var(--status-danger);
  --vi:var(--status-violet);
  --violet:var(--status-violet);
  --bg-main:var(--ivory);
  --bg-card:var(--warm-white);
  --bg-elev:var(--cream);
  --text-main:var(--deep-olive);
  --text-muted:var(--muted-olive);
  --text-dim:var(--soft-olive);
  --accent-primary:var(--bronze);
  --accent-light:color-mix(in srgb,var(--accent-primary) 14%,transparent);
  --accent-hover:var(--deep-olive);

  /* ── Сетка и размеры ── */
  --side-w:236px;
  --side-w-collapsed:64px;
  --r-s:var(--radius-sm);
  --r-m:var(--radius-md);
  --r-l:var(--radius-lg);
  --shadow:var(--shadow-soft);
  --pad-s:var(--space-xs);
  --pad-m:var(--space-sm);
  --pad-l:var(--space-md);
  color-scheme:light;
}

/* ── Ночной режим: тот же интерфейс, тёмная палитра ── */
[data-theme="dark"]{
  --ivory:#0A0A1A;
  --cream:#182136;
  --warm-white:#14142B;
  --deep-olive:#FFFFFF;
  --muted-olive:#B0B0D0;
  --soft-olive:#6F7EA4;
  --champagne:#6F9E8A;
  --bronze:#2F8F5B;
  --graphite:#E6EAF7;
  --status-success:#22C55E;
  --status-success-dark:#1E9E57;
  --status-warning:#F59E0B;
  --status-danger:#EF4444;
  --status-violet:#B18CFF;
  --line-soft:#263354;
  --line-strong:#374A7A;
  --overlay:rgba(4,8,18,.55);
  --shadow-soft:0 6px 24px rgba(0,0,0,.28);
  --shadow-card:0 8px 32px rgba(0,0,0,.30);
  --glow-primary:0 0 40px rgba(108,60,225,.40);
  --hero-glow:radial-gradient(1000px 420px at 82% -12%, rgba(108,60,225,.14), transparent 62%);
  color-scheme:dark;
}

/* Совместимость со сохранённой настройкой «light» — это и есть брендовая тема */
[data-theme="light"],
html[data-theme="light"],
[data-theme="club"]{
  color-scheme:light;
}

/* Типографика статей (читаемость) */
.article-body{max-width:680px;line-height:1.6;font-size:18px;color:var(--tx)}
.article-body p{margin:0 0 1.5em}
.article-body .art-meta{font-size:13px;color:var(--tx3);margin-bottom:1em}

.article-body .art-rel{margin:1.5em 0;padding-top:1em;border-top:1px solid var(--line)}
.article-body .art-rel .tag{cursor:pointer}
.article-body .art-cta{margin-top:1.5em;padding:1.2em 1.4em;border-radius:12px;background:var(--accent-light);border:1px solid var(--line)}
.article-body .art-cta .btn{margin-top:10px}

#readBar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--ac);z-index:9998;transition:width .08s linear}

.article-body .art-toc{margin:0 0 1.5em;padding:.8em 1em;border:1px solid var(--line);border-radius:10px;background:var(--bg2)}
.article-body .art-toc b{display:block;margin-bottom:.4em;font-size:13px;color:var(--tx3)}
.article-body .art-toc a{display:block;font-size:14px;color:var(--ac);text-decoration:none;padding:2px 0}
.article-body .art-toc a:hover{color:var(--ac2)}
.article-body h2{font-size:22px;margin:1.6em 0 .6em}
.article-body h3{font-size:18px;margin:1.3em 0 .5em}
.blog .ava{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--accent-light);color:var(--ac);font-size:10px;font-weight:700;margin-right:6px}

.article-body h1{font-size:28px;line-height:1.25;margin:0 0 .4em}
.article-body .art-links{margin:1em 0;font-size:14px;color:var(--tx3)}
.article-body .art-links a{color:var(--ac);text-decoration:none}
.article-body .art-links a:hover{color:var(--ac2)}