/* ---------------------------------------------------------------------------
   ТОКЕНЫ — все цвета, отступы и радиусы из макета собраны здесь.
   Правка одного значения меняет его по всему сайту.
--------------------------------------------------------------------------- */

:root {
  /* Фон: три уровня глубины — страница, полотно, карточка */
  --bg-page:      #0a0e12;
  --bg-shell:     #10151b;
  --bg-card:      #131a21;
  --bg-tile-a:    #151c24;   /* полосы плейсхолдера фото */
  --bg-tile-b:    #181f28;

  /* Линии: обычная рамка, рамка контрола, пунктир-разделитель */
  --line:         #232c36;
  --line-control: #2c3743;
  --line-dashed:  #3a4654;

  /* Акцент */
  --accent:       #ffb454;
  --accent-ink:   #10151b;                    /* текст на акценте */
  --accent-wash:  rgba(255, 180, 84, .07);    /* заливка выбранной опции */
  --accent-glow:  rgba(255, 180, 84, .35);

  /* Текст: основной, приглушённый, служебный.
     --text-mute чуть светлее макетного #7c8a99 — на карточке #131a21 тот давал
     контраст ниже нормы WCAG AA для мелкого шрифта. Вернуть можно здесь. */
  --text:         #e8ecf1;
  --text-dim:     #9aa7b5;
  --text-mute:    #8a97a6;

  /* Статусы */
  --warn:         #ffb454;
  --error:        #ff7a6b;
  --ok:           #6bd39a;

  /* Шрифты */
  --font-body: 'Exo 2', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;

  /* Радиусы */
  --r-sm:  6px;
  --r-md:  8px;
  --r-lg:  10px;
  --r-xl:  14px;

  /* Шаг сетки */
  --gap:      14px;
  --pad-page: 36px;
  --pad-card: 20px 22px;

  /* Ширины */
  --page-max:  1180px;
  --aside-col: 390px;

  --focus: 2px solid var(--accent);
}