/* ==========================================================================
   MU UNITY — "Crimson Ember" colour system  (v1)
   Sampled from the real Season 21 UI sprites (red button #b90b00, bronze frame
   #9d6b47, stone window #131110, title bar #31251d, maroon #200400) and the
   dusk sky of the S21 server-select screen. Use ONLY these tokens in the site.
   ========================================================================== */
:root {
  /* Ember red — primary brand colour, CTAs, active states, HP */
  --ember-300: #ff6a4d;
  --ember-400: #e8321f;
  --ember-500: #b90b00;   /* BRAND PRIMARY (S21 red button) */
  --ember-600: #8a0800;
  --ember-700: #5a0500;
  --ember-900: #200400;   /* S21 maroon button */

  /* Bronze — frames, borders, dividers, secondary buttons */
  --bronze-300: #d9a876;
  --bronze-400: #bd8658;
  --bronze-500: #9d6b47;  /* S21 window border */
  --bronze-700: #5e3f2a;

  /* Relic gold — headings, highlights, links, prices */
  --gold-200: #f7e2a8;
  --gold-300: #f2c766;
  --gold-400: #e0a93a;
  --gold-600: #9a6f17;

  /* Obsidian stone — backgrounds and surfaces */
  --stone-950: #0b0908;
  --stone-900: #131110;   /* S21 window fill */
  --stone-800: #1c1816;
  --stone-700: #2a211b;
  --stone-600: #31251d;   /* S21 title-bar brown */

  /* Dusk — sky/atmosphere, used for hero gradients only */
  --dusk-violet: #3a2760;
  --dusk-indigo: #1a2250;
  --dusk-sea:    #0d3a5c;

  /* Mana azure — secondary accent: info, mana, links on hover (use sparingly) */
  --mana-300: #7fd8ff;
  --mana-500: #2f7fe0;

  /* Text */
  --text:       #eadfc9;  /* parchment */
  --text-muted: #a6977f;
  --text-dim:   #6f6454;

  /* Status */
  --ok:   #62c05a;
  --warn: #e0a93a;
  --bad:  #e8321f;

  /* Type */
  --font-display: "Cinzel", "Trajan Pro", "Times New Roman", serif;
  --font-body: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;

  /* Shape & motion */
  --radius: 4px;
  --shadow-ember: 0 0 24px rgba(185, 11, 0, .45);
  --shadow-panel: 0 18px 40px rgba(0, 0, 0, .6);
  --ease: cubic-bezier(.2, .7, .2, 1);
  --container: 1120px;
}