/* 8знаков - дизайн-система «персональное издание» (ТЗ редизайна V3, 15.09.2026).
   Тёплая слоновая кость, графит, один глубокий приглушённый фиолетовый акцент,
   терракота только как вторичная пометка. Одна светлая тема независимо от
   устройства; тёмной темы нет. Все цвета - токены; золото, свечение и
   градиенты не используются. Шрифты self-hosted, без внешних CDN. */

:root{
  color-scheme: light;

  /* цвет */
  --bg:#F6F2EA;            /* фон страницы: ivory */
  --surface:#FFFCF6;       /* карточки, поля */
  --surface-2:#EFE9DE;     /* закрытое, незаполненный слот, второй план */
  --txt:#1F1D1A;           /* основной текст: графит */
  --muted:#6B655C;         /* вторичный текст: тёплый серый */
  --line:#E3DCCF;          /* разделители, границы карточек */
  --input-line:#B9AFA0;    /* границы полей и вторичных кнопок */
  --accent:#5B4B8A;        /* главный акцент: приглушённый фиолетовый */
  --accent-hover:#4A3C73;
  --accent-soft:#ECE7F5;   /* заливка выбранного столпа, активного шага */
  --accent-line:#C9C0E0;   /* граница выбранного столпа */
  --secondary:#B5573F;     /* терракота: «обратная сторона», предупреждение */
  --secondary-soft:#F6E6DF;
  --error:#A63D2F;
  --success:#3F7A4F;
  --btn-txt:#FFFCF6;

  /* полоса стихий: пять нейтральных оттенков бумаги, сильнейшая - акцент */
  --bar-1:#7A7064;
  --bar-2:#9E9385;
  --bar-3:#B9AFA0;
  --bar-4:#CFC6B7;
  --bar-5:#E3DCCF;

  /* шрифты */
  --font-head:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --font-text:'Manrope',Arial,Helvetica,sans-serif;
  --font-han:'Noto Serif SC','Songti SC','PingFang SC','Hiragino Sans GB','Microsoft YaHei',serif;

  /* геометрия */
  --r-card:16px;
  --r-ctl:12px;
  --r-chip:999px;
  --radius:12px;
  --shadow:0 1px 2px rgba(31,29,26,.05),0 8px 24px rgba(31,29,26,.06);
  --shadow-lift:0 2px 4px rgba(31,29,26,.06),0 14px 36px rgba(31,29,26,.10);
  --ring:0 0 0 3px var(--accent-soft);
  --col:600px;             /* лендинг, форма, результат */
  --wide:1120px;           /* полный разбор на десктопе */
  --gutter:20px;
}
@media (min-width:390px){ :root{ --gutter:24px } }

/* self-hosted шрифты (уже в репозитории, без внешних запросов) */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;
  src:url(/static/fonts/cormorant-garamond-600-cyrillic.woff2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;
  src:url(/static/fonts/cormorant-garamond-600-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;
  src:url(/static/fonts/manrope-400-cyrillic.woff2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;
  src:url(/static/fonts/manrope-400-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;
  src:url(/static/fonts/manrope-600-cyrillic.woff2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;
  src:url(/static/fonts/manrope-600-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:600;font-display:swap;
  src:url(/static/fonts/noto-serif-sc-600-bazi.woff2) format('woff2');
  unicode-range:U+4E01,U+4E11,U+4E19,U+4E59,U+4EA5,U+5348,U+536F,U+547D,U+571F,U+58EC,U+5B50,U+5BC5,U+5DF1,U+5DF3,U+5E9A,U+620A,U+620C,U+6728,U+672A,U+6C34,U+706B,U+7532-7533,U+7678,U+8F9B,U+8FB0,U+9149,U+91D1}

/* системный dark mode не должен затемнять поля и текст */
@media (prefers-color-scheme: dark){
  :root{ color-scheme: light; }
  html, body{ background:var(--bg); color:var(--txt); }
  input, select, textarea, button{ color-scheme: light; }
}