:root{

  /* 🔥 BASE OSCURA SIN AZUL */
  --bg-dark: #05070d;
  --bg-soft: #0c111b;
  --bg-warm: #1a1408;

  /* 🟡 DORADOS */
  --gold-main: #d4af37;
  --gold-soft: #e6c76a;
  --gold-light: #f1e6c8;

  /* ⚪ TEXTOS */
  --text: #ffffff;
  --text-muted: rgba(255,255,255,.65);
  --text-gold: #e6c76a;

  /* ✨ EFECTOS */
  --glow-gold: 0 0 20px rgba(212,175,55,.25);
  --shadow-deep: 0 25px 80px rgba(0,0,0,.8);

  /* 📐 */
  --radius: 14px;
  --radius-full: 50px;

  --font-main: 'Inter', sans-serif;
}

body{
  font-family: var(--font-main);
  background: radial-gradient(circle at top, #1a1408, #05070d);
  color: var(--text);
  line-height:1.6;
}
::selection{
  background: var(--gold-main);
  color: #000;
}
/* =========================
   ELEMENTOS BASE
========================= */

a{
  color: inherit;
  text-decoration: none;
}

img{
  max-width:100%;
  display:block;
}

button{
  font-family: inherit;
  cursor:pointer;
  border:none;
}


/* =========================
   CONTENEDORES
========================= */

.wrap{
  width:100%;
}

.sheet{
  width:100%;
  overflow:hidden;
}