/* Дизайн-токены «Закрай» — светлая тема, шрифты из игры */
:root {
  --bg: #faf9f7;
  --bg-alt: #f3f1ed;
  --panel: #ffffff;
  --panel-2: #f7f5f2;
  --panel-hover: #f0ede8;
  --line: #e5e0d8;
  --line-soft: #ece8e1;

  --text: #3d3529;
  --text-dim: #8a7e6e;
  --text-bright: #1a1510;

  --rune: #b8860b;
  --rune-dim: #9a7209;
  --rune-glow: rgba(184, 134, 11, 0.08);
  --rune-warm: #d4a017;
  --fire: #c44a1a;
  --fire-glow: rgba(196, 74, 26, 0.1);
  --blood: #8b1a1a;
  --swamp: #2a4a1e;
  --swamp-soft: #3d6b2a;
  --bone: #d8c9a3;
  --mystic: #4a3a6b;

  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 14px;
  --maxw: 1100px;
  --header-h: 56px;
  --gap: 18px;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(29, 21, 16, 0.04);
  --shadow-sm: 0 2px 8px rgba(29, 21, 16, 0.06);
  --shadow-md: 0 4px 16px rgba(29, 21, 16, 0.08), 0 1px 3px rgba(29, 21, 16, 0.04);
  --shadow-lg: 0 8px 32px rgba(29, 21, 16, 0.1), 0 2px 8px rgba(29, 21, 16, 0.06);
  --shadow-glow-rune: 0 0 20px rgba(184, 134, 11, 0.12), 0 0 4px rgba(184, 134, 11, 0.08);
  --shadow-glow-fire: 0 0 20px rgba(196, 74, 26, 0.12), 0 0 4px rgba(196, 74, 26, 0.08);

  /* Transitions */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 150ms;
  --duration-normal: 250ms;
  --duration-slow: 400ms;

  /* Typography scale */
  --fs-xs: 0.78rem;
  --fs-sm: 0.88rem;
  --fs-base: 1rem;
  --fs-md: 1.05rem;
  --fs-lg: 1.2rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2rem;
  --fs-3xl: clamp(2.5rem, 5vw, 3.8rem);

  --font-display: 'Fedorovsk', Georgia, 'Times New Roman', serif;
  --font-body: 'Alegreya', Georgia, 'Times New Roman', serif;
}