:root {
  /* Базовые */
  --graphite: #211B16;
  --warm-gray: #6E635A;
  --muted: #8A7C6B;
  --faint: #9C8E7C;
  --terracotta: #C2603C;
  --terracotta-deep: #9E4A2C;
  --sand: #E7DCC9;
  --sand-deep: #E1D6C2;
  --cream: #F6F1E9;
  --warm-white: #FBF8F2;
  --desk: #E9E1D2;

  /* Семантические */
  --text-heading: var(--graphite);
  --text-body: var(--graphite);
  --text-secondary: #5F564C;
  --text-muted: var(--muted);
  --text-on-accent: var(--cream);
  --text-on-dark: var(--cream);

  --surface-page: var(--cream);
  --surface-card: var(--warm-white);
  --surface-dark: var(--graphite);
  --surface-accent: var(--terracotta);

  --accent: var(--terracotta);
  --accent-hover: var(--terracotta-deep);

  --border-default: #EADFCD;
  --border-strong: var(--sand-deep);
  --divider: #E7DCC9;
  --divider-faint: #F0E8DA;

  --logo-primary: var(--graphite);
  --logo-accent: var(--terracotta);

  /* Состояния поверхностей */
  --surface-hover: #F1EADF;    /* строки списков, ghost-кнопки */
  --surface-pressed: #ECE3D4;
  --surface-sunken: #EFE8DA;   /* поля ввода, колодцы */

  /* Ссылки и выделение */
  --link: var(--terracotta);
  --link-hover: var(--terracotta-deep);
  --selection-bg: rgba(194, 96, 60, .2);
  --focus-ring-color: rgba(194, 96, 60, .5);

  /* Обратная связь форм — тёплые, приглушённые */
  --danger: #A23B2E;
  --danger-soft: #F3E1DA;
  --success: #5F6E4E;
  --success-soft: #EAEBDC;
}