/* Fortune Gems Guide — Aztec theme override.
   Retunes the bound design-system color/gradient tokens toward the warm
   sandstone-gold-and-sunset palette of the Fortune Gems slot (Mesoamerican
   stone temple, golden idols, ruby/sapphire jewels, dusk sky).
   Only semantic aliases + dark surfaces + gradients/glows are overridden —
   the ruby / sapphire / gold ramps already match the game and are kept. */

:root {
  /* ---- Warm sandstone neutrals (replace cool slate on light surfaces) ---- */
  --slate-50:  #faf5ec;
  --slate-100: #f3ebdc;
  --slate-200: #e6dac4;
  --slate-300: #d2c0a0;
  --slate-400: #ab9676;
  --slate-500: #7c6a4f;
  --slate-600: #5b4c36;
  --slate-700: #413625;
  --slate-800: #2c2316;
  --slate-900: #211a0f;

  /* ---- Aztec gold-bronze brand ramp (was emerald) ---- */
  --emerald-50:  #fbf3df;
  --emerald-100: #f6e6bd;
  --emerald-200: #eccf86;
  --emerald-300: #dcb053;
  --emerald-400: #c89132;
  --emerald-500: #b5701f;  /* brand — burnt amber */
  --emerald-600: #95571a;
  --emerald-700: #7a4516;
  --emerald-800: #5d3411;
  --emerald-900: #3f2410;
  --emerald-950: #2a1409;  /* darkest canvas — deep temple stone */

  /* ---- Surfaces ---- */
  --surface-card-soft:  #fbf2e0;            /* warm sand card (was mint green) */
  --surface-muted:      #faf4ea;            /* warm off-white band */
  --surface-dark:       #2a1409;            /* hero / footer — deep stone-brown */
  --surface-dark-2:     #3d2010;
  --surface-overlay:    rgba(42, 20, 9, 0.64);

  /* ---- Brand ---- */
  --brand:              #b5701f;
  --brand-strong:       #7a4516;
  --brand-on-dark:      #f4c66a;            /* light gold on dark */

  /* ---- Text ---- */
  --text-strong:        #2c2316;
  --text-body:          #4a3c28;
  --text-muted:         #837154;
  --text-on-dark:       #f6e8d2;            /* warm cream on dark */
  --text-on-dark-muted: #d3b387;
  --text-on-gold:       #3a2806;

  /* ---- Lines ---- */
  --border-subtle:      #e6dac4;
  --border-strong:      #d2c0a0;

  /* ---- Feedback (keep ruby/sapphire/gold; positive -> jade jewel green) ---- */
  --positive:           #2f9e6e;
  --positive-soft:      #e4f5ec;

  /* ---- Gradients & glows — sunset over the temple ---- */
  --grad-hero:    radial-gradient(125% 125% at 76% -12%, #d07a2e 0%, #8a3f17 36%, #3a1c0c 72%, #2a1409 100%);
  --grad-emerald: linear-gradient(135deg, #e0a93a 0%, #b5701f 100%);
  --shadow-gold:  0 10px 28px rgba(208, 122, 46, 0.40);
  --shadow-glow:  0 0 0 1px rgba(224, 169, 46, 0.30), 0 0 44px rgba(208, 122, 46, 0.42);
}

/* Warm the faint lower-left hero glow to a sunset amber */
.hero::after {
  background: radial-gradient(60% 50% at 12% 112%, rgba(224, 138, 46, 0.26), transparent 70%) !important;
}