/* ============================================================
   CSS VARIABLES
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;900&family=Crimson+Pro:ital,wght@0,300;0,400;1,300;1,400&display=swap');

:root {
  --gold:         #c9a84c;
  --gold-light:   #f0d080;
  --blood:        #8b1a1a;
  --deep:         #0a0a12;
  --panel:        #0e0e1a;
  --border:       #2a2a3e;
  --text:         #d4c9b0;
  --muted:        #6a6070;
  --faith:        #7b5ea7;
  --faith-light:  #b08fd4;
  --green:        #4a7c59;
  --green-light:  #7ab88a;
  --monster:      #c04040;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

body {
  background: var(--deep);
  color: var(--text);
  font-family: 'Crimson Pro', serif;
  height: 100vh;
  overflow: hidden;
  user-select: none;
}

/* ============================================================