/* =========================================================
   EL DEL FOGONEO — Theme central (variables de marca)
   Paleta derivada del logo oficial (assets/logo-eldelfogoneo.png)
   Acento oro = ojos felinos del logo. Fondo negro. Tipografía blanca.
   ========================================================= */
:root {
  /* Superficies / fondo */
  --edf-bg:        #000000;
  --edf-surface:   #0F0F11;
  --edf-surface-2: #17171B;
  --edf-border:    #26262C;

  /* Texto */
  --edf-text:      #FFFFFF;
  --edf-text-dim:  #A6A6AE;

  /* Acento oro (marca) */
  --edf-gold:        #FABA05;
  --edf-gold-bright: #FFC81F;
  --edf-gold-deep:   #C99405;

  /* Estado */
  --edf-danger: #FF6B6B;

  /* Forma / tipografía */
  --edf-radius: 12px;
  --edf-font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--edf-font);
  background: var(--edf-bg);
  color: var(--edf-text);
}

a { color: var(--edf-gold); text-decoration: none; }
a:hover { color: var(--edf-gold-bright); }

/* Logo */
.edf-logo { display: block; }
.edf-logo--sm { width: 44px; height: 44px; }
.edf-logo--md { width: 120px; height: 120px; }
.edf-logo--lg { width: 280px; height: 280px; }

/* Botones */
.btn {
  display: inline-block; border: none; border-radius: 10px;
  padding: .7rem 1.1rem; background: var(--edf-gold); color: #000;
  font-weight: 700; letter-spacing: .3px; cursor: pointer; transition: background .15s;
}
.btn:hover { background: var(--edf-gold-bright); color: #000; }

.btn-ghost {
  background: transparent; border: 1px solid var(--edf-border); color: var(--edf-text-dim);
}
.btn-ghost:hover { border-color: var(--edf-gold); color: var(--edf-gold); }

/* Inputs */
.input {
  width: 100%; padding: .65rem .7rem; border-radius: 10px;
  border: 1px solid var(--edf-border); background: #000; color: var(--edf-text);
}
.input:focus { outline: none; border-color: var(--edf-gold); }
.label { display: block; font-size: .8rem; color: var(--edf-text-dim); margin: .9rem 0 .3rem; }

/* Tarjetas */
.card {
  background: var(--edf-surface-2); border: 1px solid var(--edf-border);
  border-radius: var(--edf-radius);
}

/* Etiqueta acento */
.tag-soon {
  color: var(--edf-gold); font-size: .7rem; text-transform: uppercase; letter-spacing: 1px;
}

.text-dim { color: var(--edf-text-dim); }