:root {
  /* Размеры: меняйте эти значения — весь сайт перестроится автоматически. */
  --site-width: 1440px;
  --content-width: 1400px;
  --header-height: 76px;
  --hero-min-height: 600px;
  --slide-min-height: 680px;
  --display-size: 47px;
  --section-title-size: 44px;
  --card-title-size: 34px;
  --body-size: 17px;
  --panel-gap: 24px;
  --panel-padding: 24px;
  --panel-radius: 28px;
  --button-height: 56px;
  --character-width: 300px;
  --character-outside-x: -72px;
  --character-outside-y: -28px;
  --paired-slide-gap: 20px;
  --section-gap: 48px;

  /* Фирменная палитра: тёмная основа + яркие детские акценты. */
  --color-ink: #153f36;
  --color-title: #343b4f;
  --color-text: #6b717e;
  --color-eyebrow: #a3a8b2;
  --color-cream: #ffffff;
  --color-orange: #f26a32;
  --color-orange-dark: #c84620;
  --color-yellow: #f7c845;
  --color-mint: #dff1ea;
  --color-blue: #42a9c2;
  --color-blue-dark: #21768a;
  --color-violet: #7b69aa;
  --color-white: #ffffff;
  --color-book-border: #c08b3f;
  --color-surface: #ffffffd1;
  --color-avi-app: #ffecb6;

  /* Акценты главы Зиланта. Восьмизначный HEX включает прозрачность. */
  --zilant-outer-border: #12b9c059;
  --zilant-game-border: #3cd4624f;
  --zilant-button: #03949c;
  --zilant-button-shadow: #017176;

  --shadow-panel: 0 18px 50px rgba(21, 63, 54, 0.18);
  --shadow-button: 0 8px 0 var(--color-orange-dark);
}