/* ============================================================
   Worldoria — tokens
   ============================================================ */
:root{
  --ink:        #07070a;
  --ink-2:      #0e0f14;
  --ink-3:      #16181f;
  --paper:      #ece7dc;
  --paper-dim:  #9a968c;
  --line:       #2a2c34;

  --accent:     #7fa2c9;
  --accent-dim: #4d6178;
  --gold:       #cda65f;
  --gold-dim:   #8a7345;

  /* rarity ramp: F -> SS, gray to gold */
  --r-f:    #6f6e6a;
  --r-e:    #7f9a7f;
  --r-d:    #6f9fce;
  --r-c:    #55b9a6;
  --r-b:    #a084d6;
  --r-a:    #d9b36a;
  --r-s:    #e8c877;
  --r-ss:   #f6e3a1;

  --font-display: "Newsreader", Georgia, serif;
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, sans-serif;

  --radius-s: 8px;
  --radius-m: 14px;
  --radius-l: 22px;

  --ease: cubic-bezier(.22,.9,.32,1);
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
/* Reserves the scrollbar's width whether or not it's currently showing --
   without this, every modal's `body.style.overflow='hidden'` (see
   openModal/closeModal across the JS files) removes the scrollbar and
   shifts all centered content sideways by its width, right as the modal
   itself appears. Most noticeable as a jarring "jump" exactly when the
   pack-opening reveal modal opens. */
html{ scrollbar-gutter:stable; }

body{
  margin:0;
  background:var(--ink);
  color:var(--paper);
  font-family:var(--font-body);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

button{ font-family:inherit; cursor:pointer; }
a{ color:inherit; text-decoration:none; }

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; }
}