/* ==========================================================================
   Design tokens — Arbiter of Ash / Path of Exile 2 dark theme.
   The palette is pulled straight from the hero art: ash-black stone,
   bone-gold trim (the emblem rim) and ember orange (the flaming crown).
   ========================================================================== */
:root {
  color-scheme: dark;

  /* stone / void */
  --void: #050403;
  --bg-0: #080605;
  --bg-1: #0e0b09;
  --bg-2: #15100d;
  --bg-3: #1d1713;
  --bg-4: #271e17;
  --line: #2b221a;
  --line-2: #3a2e22;

  /* bone gold — emblem rim, UI chrome */
  --gold-100: #f3dfae;
  --gold-200: #e7c98a;
  --gold-300: #c9a45a;
  --gold-400: #9b7a3a;
  --gold-500: #6b5226;
  --gold-600: #3f3016;

  /* ember — the crown, calls to action */
  --ember-100: #ffd9a3;
  --ember-200: #ffb35c;
  --ember-300: #ff8a2a;
  --ember-400: #e5560f;
  --ember-500: #a93a08;
  --ember-600: #5e1e05;

  /* ash — text */
  --ash-100: #ece3d4;
  --ash-200: #cfc5b5;
  --ash-300: #a09584;
  --ash-400: #8b8170; /* >= 5:1 on --bg-1, safe for small text */
  --ash-500: #4a4237;

  /* Path of Exile item rarity colours (used for the term "tooltips") */
  --poe-magic: #8f8fff;
  --poe-rare: #ffff77;
  --poe-unique: #e0924f;

  /* type */
  --f-display: "Cinzel", "Forum", "Palatino Linotype", Georgia, serif;
  --f-body: "Alegreya Sans", "Segoe UI", system-ui, sans-serif;
  --f-lore: "Forum", "Cinzel", Georgia, serif;

  /* layout */
  --container: 1240px;
  --gutter: clamp(16px, 4vw, 40px);
  --header-h: 76px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

/* Chinese: Cinzel/Alegreya keep rendering the Latin brand text, system CJK fonts
   (no webfont download) take over the hanzi. */
:lang(zh) {
  --f-display: "Cinzel", "Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", "SimSun", serif;
  --f-body: "Alegreya Sans", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;
  --f-lore: "Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", "SimSun", serif;
}