/* GoldClan.ru — дизайн-токены (концепция v1, 2026-10-07).
   Единственное место, где задаются цвета, шрифты и шкалы.
   В WordPress-теме переносится в theme/goldclan/assets/css/tokens.css без изменений. */

:root {
  /* Базовая палитра */
  --gc-ink: #201b3d;        /* текст, шапка, футер: глубокий индиго, а не чёрный */
  --gc-ink-soft: #4a4566;   /* вторичный текст в статье */
  --gc-muted: #6e6987;      /* даты, подписи; 5.1:1 на белом */
  --gc-line: #e6e3ef;       /* разделители */
  --gc-wash: #f5f3fa;       /* подложка секций, таблиц */
  --gc-paper: #ffffff;
  --gc-gold: #f7b500;       /* бренд: монета, кнопки скачивания, фокус. Только как заливка под текстом ink */
  --gc-gold-deep: #8f6600;  /* золото для текста на белом (≥4.9:1) */
  --gc-gold-wash: #fff5d6;
  --gc-wash-1: #faf9fd;     /* зебра таблиц */
  --gc-wash-2: #eeebf6;     /* шапка таблиц */

  /* Игровые акценты: метка игры в мете карточки. Все ≥4.5:1 на белом */
  --gc-bs: #c8177f;         /* Brawl Stars */
  --gc-coc: #b4500a;        /* Clash of Clans */
  --gc-cr: #2459d9;         /* Clash Royale */
  --gc-bb: #087a71;         /* Boom Beach */
  --gc-other: #6e6987;      /* остальные игры Supercell */

  /* Шрифты. В прототипе — Google Fonts; в теме — self-hosted woff2 (latin + cyrillic) */
  --gc-font-display: "Unbounded", "Arial Black", system-ui, sans-serif; /* бренд и заголовки секций */
  --gc-font-text: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; /* всё остальное */

  /* Шкала текста (mobile → desktop через clamp там, где нужно) */
  --gc-fs-xs: 0.8125rem;   /* 13 — мета */
  --gc-fs-s: 0.875rem;     /* 14 — подписи, крошки */
  --gc-fs-m: 1rem;         /* 16 — UI */
  --gc-fs-card: 1rem;      /* 16 — заголовок компактной карточки */
  --gc-fs-body: 1.0625rem; /* 17 — текст статьи на мобильном */
  --gc-fs-lead: 1.1875rem; /* 19 — лид статьи */
  --gc-fs-h3: 1.1875rem;   /* 19 */
  --gc-fs-h2: 1.4375rem;   /* 23 */
  --gc-fs-featured: 1.375rem; /* 22 — главная новость на мобильном */
  --gc-fs-h1: clamp(1.625rem, 1.2rem + 1.8vw, 2.5rem); /* 26 → 40 */
  --gc-fs-section: 1.125rem; /* 18 — заголовки секций (Unbounded) */

  --gc-lh-tight: 1.2;
  --gc-lh-card: 1.3;
  --gc-lh-body: 1.65;

  /* Отступы: шаг 4px */
  --gc-s1: 4px;  --gc-s2: 8px;  --gc-s3: 12px; --gc-s4: 16px;
  --gc-s5: 20px; --gc-s6: 24px; --gc-s8: 32px; --gc-s10: 40px;
  --gc-s12: 48px; --gc-s16: 64px;

  /* Радиусы по иерархии: крупное фото мягче, мелочь строже */
  --gc-r-s: 6px;   /* миниатюры, кнопки */
  --gc-r-m: 10px;  /* обложки, блоки */
  --gc-r-pill: 999px;

  /* Сетка */
  --gc-gutter: 16px;            /* боковые поля на мобильном */
  --gc-container: 1200px;
  --gc-measure: 680px;          /* ширина текста статьи */
  --gc-article: 720px;          /* колонка статьи на desktop */
  --gc-aside: 360px;            /* desktop sidebar (300px реклама + поля) */
  --gc-thumb: 112px;            /* миниатюра компактной карточки, 16:9 */
  --gc-header-h: 56px;

  /* Breakpoints (для справки; в CSS custom properties в media не работают):
     sm 600px, md 768px, lg 1024px, xl 1280px. Контрольные ширины: 390, 768, 1024, 1440. */
}