/* Element Reading — design tokens (shared spine; see PROJECT-SPEC §7). */
:root {
  /* inks & lacquer */
  --ink-950: #140B08;
  --ink-900: #1D100B;
  --ink-800: #2A1810;
  --lacquer-700: #7A1313;
  --lacquer-600: #9E1B1B;
  --lacquer-500: #C82B2B;
  /* golds */
  --gold-300: #FFE9A8;
  --gold-400: #F5C542;
  --gold-500: #E0A82E;
  --gold-700: #9C6B17;
  /* jade + porcelain */
  --jade-400: #3FA98B;
  --jade-600: #2E8B6F;
  --cream: #FFF6E5;
  --porcelain: #FDF3DC;
  /* element accents */
  --el-fire: #FF6B3D;
  --el-earth: #E9B949;
  --el-water: #54B9DE;
  --el-wind: #A8E0D0;
  /* type */
  --font-display: "Cinzel", "Times New Roman", serif;
  --font-hanzi: "Ma Shan Zheng", cursive;
  --font-body: "Nunito Sans", -apple-system, "Segoe UI", sans-serif;
  /* gradients */
  --grad-gold: linear-gradient(175deg, #FFE9A8 0%, #F5C542 38%, #C89020 62%, #F8D878 100%);
  --grad-gold-text: linear-gradient(180deg, #FFF3C4 8%, #F5C542 45%, #B07A1A 78%, #FFE9A8 100%);
  --grad-panel: linear-gradient(180deg, rgba(42,24,16,.92), rgba(20,11,8,.96));
  --grad-lacquer: linear-gradient(180deg, #C82B2B 0%, #8E1717 55%, #6E0F0F 100%);
  /* shape + depth */
  --radius: 14px;
  --radius-lg: 22px;
  --shadow-panel: 0 10px 34px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,233,168,.14);
  --glow-gold: 0 0 18px rgba(245,197,66,.45);
  --rim-gold: 1px solid rgba(245,197,66,.55);
}