/* ───────────────────────────────────────────────────────────────
   cuenta.css — unifica el área de cliente del festival (mi-cuenta,
   entrada.php) con el lenguaje visual de la ASOCIACIÓN.
   Se carga DESPUÉS de public.css y redefine tokens + fuentes + pule
   los componentes. Las páginas deben forzar data-theme="dark".
   ─────────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap');

/* Tokens de la asociación (definidos en :root y [data-theme=dark]
   para ganar a public.css independientemente del tema activo). */
:root,
:root[data-theme="dark"],
[data-theme="dark"] {
  --bg:       #0d0d0f;
  --surface:  #141418;
  --surface2: #1c1c22;
  --card:     #16161c;
  --border:   #2a2a36;
  --border2:  #383848;
  --text:     #f0f0f5;
  --muted:    #a0a0b8;
  --dim:      #606078;
  --accent:   #e8ff47;
  --accent2:  #c9e02f;
  --radius:   8px;
  --radius-lg:14px;
  --shadow:   0 4px 24px rgba(0,0,0,.35);
  --ff:        'Archivo', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
  --ff-h:      'Archivo', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
  --ff-mono:   'Space Mono', 'Courier New', Courier, monospace;
  /* alias usados por entrada.php */
  --ff-display: 'Archivo', system-ui, sans-serif;
  --orange:    #e8ff47;
}

body { font-feature-settings: "ss01","ss02"; -webkit-font-smoothing: antialiased; }

/* Tipografía de titulares más marcada (Archivo black) */
.nav-logo, .entry-tipo, .ent-nom, .ent-tipo, h1, h2, h3 {
  font-family: var(--ff-h);
  letter-spacing: -.01em;
}
.nav-logo em, .nav-logo span { color: var(--accent); font-style: normal; }

/* Navbar oscura translúcida como la asociación */
.nav, [data-theme="dark"] .nav {
  background: rgba(13,13,15,.86) !important;
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border) !important;
}

/* Botones: texto oscuro sobre lime (legibilidad) */
.btn-primary, .nav-btn {
  background: var(--accent) !important;
  color: #0c0d10 !important;
  font-weight: 700;
}
.btn-primary:hover, .nav-btn:hover {
  background: var(--accent2) !important;
  color: #0c0d10 !important;
}
.btn-outline:hover { border-color: var(--accent); color: var(--accent); }
.nav-user-btn { color: var(--muted); }

/* Pestañas de cuenta: activo en lime con tinte correcto */
.account-nav { background: var(--card); border: 1px solid var(--border); box-shadow: var(--shadow); }
.acc-tab.on {
  color: var(--accent) !important;
  border-bottom-color: var(--accent) !important;
  background: rgba(232,255,71,.07) !important;
}
.acc-tab { font-family: var(--ff-mono); font-size: 12px; letter-spacing: .3px; }

/* Etiquetas tipo "mono uppercase" de la asociación */
.ent-fest, .tipo-stock, .vtag, .ent-id, .ent-estado {
  font-family: var(--ff-mono) !important;
}

/* QR siempre sobre fondo claro para que se lea */
.entry-qr, .ent-qr { background: #fff !important; }

/* Tarjetas de entrada */
.entry-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}

/* Avatar de cabecera (texto oscuro sobre lime) */
.acc-avatar { background: var(--accent); color: #0c0d10; }