/* ============================================================
   THEME: graphite-orange
   Единственный файл, который меняется в ветках theme/*.
   Ни один цвет не должен появляться в site.css или в разметке.
   ============================================================ */

:root {
  /* Базовые поверхности */
  --bg:            #F4F5F7;   /* фон страницы */
  --surface:       #FFFFFF;   /* карточки, поля форм */
  --surface-sunk:  #ECEEF1;   /* вложенные блоки, полосы */

  /* Тёмные поверхности: шапка, герой, найм, футер */
  --dark:          #151C24;
  --dark-2:        #1E2731;
  --dark-line:     #2D3845;

  /* Текст */
  --ink:           #12181F;   /* основной */
  --muted:         #5A6572;   /* вторичный */
  --on-dark:       #E9EDF2;   /* текст на тёмном */
  --on-dark-muted: #A4B0BE;

  /* Линии */
  --line:          #D8DCE2;

  /* Акцент */
  --accent:        #FF5A1F;
  --accent-ink:    #C8410E;   /* тот же акцент, затемнён под текст на белом */
  --accent-on:     #FFFFFF;   /* текст на акцентной заливке */

  /* Статусы форм */
  --ok:            #1C7C4A;
  --error:         #C02626;
}