/* ═══════════════════════════════════
   MURMURES TCG — reset.css
   ═══════════════════════════════════ */
:root {
  --black:       #0d0a08;
  --black-deep:  #080604;
  --black-card:  #100d0a;
  --gold:        #c9a84c;
  --gold-light:  #fde68a;
  --gold-pale:   #f5e0b0;
  --gold-dark:   #8a6a1a;
  --rose:        #c9784c;
  --rose-light:  #e8a080;
  --rose-dark:   #8a3820;
  --cream:       #fdf0e0;
  --border:      rgba(201,168,76,.1);
  --sidebar-bg:  #080604;
  --font-script: 'Great Vibes', cursive;
  --font-title:  'Cinzel Decorative', serif;
  --font-cinzel: 'Cinzel', serif;
  --font-body:   'EB Garamond', 'Cormorant Garamond', serif;
}

*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; -webkit-tap-highlight-color:transparent; }
html, body { height:100%; overflow:hidden; background:var(--black-deep); -webkit-font-smoothing:antialiased; }
::-webkit-scrollbar { width:3px; height:3px; }
::-webkit-scrollbar-track { background:transparent; }
::-webkit-scrollbar-thumb { background:rgba(201,168,76,.25); border-radius:3px; }
::-webkit-scrollbar-thumb:hover { background:rgba(201,168,76,.5); }

/* inputs */
.tcg-input {
  width:100%; background:rgba(255,255,255,.04);
  border:1px solid rgba(201,168,76,.2); color:#e8d5a3;
  padding:9px 12px; border-radius:7px;
  font-family:var(--font-body); font-size:14px;
  outline:none; transition:all .25s; -webkit-appearance:none; appearance:none;
}
.tcg-input::placeholder { color:rgba(232,213,163,.22); }
.tcg-input:focus {
  border-color:rgba(201,168,76,.55); background:rgba(255,255,255,.07);
  box-shadow:0 0 0 3px rgba(201,168,76,.08);
}
textarea.tcg-input { resize:none; line-height:1.65; }
select.tcg-input { cursor:pointer; background-color:var(--sidebar-bg); }