:root {
  color-scheme: dark;

  /* Основные поверхности */
  --color-background: #101713;
  --color-surface: #19231d;
  --color-surface-raised: #223027;

  /* Текст */
  --color-text: #f2eee3;
  --color-text-muted: #a8b3a8;

  /* Бронза и золото */
  --color-accent: #dfbb78;
  --color-accent-hover: #efd09a;
  --color-on-accent: #241c10;

  /* Изумруд */
  --color-primary: #245c46;
  --color-primary-hover: #2d7256;
  --color-on-primary: #ffffff;

  /* Границы и состояния */
  --color-border: #38483c;
  --color-success: #91d5a6;
  --color-error: #ffaaa0;
  --color-focus: #f0cf92;

  /* Системный шрифт: без загрузки сторонних файлов */
  --font-family: "Ruslan Display", Georgia, serif;

  --font-size-small: 0.75rem;
  --font-size-body: 1rem;
  --font-size-heading: clamp(1.5rem, 5vw, 2rem);

  --line-height-body: 1.5;
  --line-height-heading: 1.2;

  /* Шкала отступов */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;

  /* Скругления */
  --radius-small: 0.5rem;
  --radius-medium: 1rem;
  --radius-large: 1.5rem;

  /* Размеры интерфейса */
  --app-max-width: 40rem;
  --navigation-height: 4.5rem;
  --touch-target-size: 2.75rem;

  /* Безопасные зоны экрана телефона */
  --safe-area-top: env(safe-area-inset-top, 0px);
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);

  /* Слои */
  --z-navigation: 10;
  --z-modal: 100;

  --shadow-card: 0 0.75rem 2rem rgb(0 0 0 / 20%);
}