:root {
  /* Принятые primitive tokens V1. */
  --color-page-background: #f3f1ed;
  --color-surface: #ffffff;
  --color-text-primary: #2f3332;
  --color-text-secondary: #59615e;
  --color-brand: #5d716b;
  --color-brand-dark: #2f3332;
  --color-accent: #b27a4b;

  /*
   * UNRESOLVED TOKEN:
   * --color-neutral-300 не определён намеренно.
   * В исходном handoff указано ошибочное значение "#cf cac2",
   * а подтверждённый источник палитры в пакете отсутствует.
   */

  /* Semantic tokens. */
  --color-bg-page: var(--color-page-background);
  --color-bg-surface: var(--color-surface);
  --color-fg-primary: var(--color-text-primary);
  --color-fg-secondary: var(--color-text-secondary);
  --color-action-primary: var(--color-brand);
  --color-action-hover: var(--color-brand-dark);
  --color-border-subtle: rgba(47, 51, 50, 0.14);
  --color-brand-soft: rgba(93, 113, 107, 0.10);

  --font-sans: Inter, "Segoe UI", Roboto, Arial, sans-serif;

  --container-wide: 72rem;
  --container-text: 47.5rem;
  --page-gutter: clamp(1rem, 3vw, 2rem);
  --section-space: clamp(3rem, 7vw, 6rem);

  --radius-small: 0.375rem;
  --radius-medium: 0.625rem;
  --radius-large: 1rem;

  --shadow-subtle: 0 0.5rem 1.5rem rgba(47, 51, 50, 0.06);
}