@import 'tailwindcss';

/* Tokens de diseño NovaWoW (paleta oscura fantasía WotLK). */
@theme {
  --color-nw-bg: #140d08;
  --color-nw-panel: #241812;
  --color-nw-panel-2: #2c1e14;
  --color-nw-border: #4a3320;
  --color-nw-gold: #d79602;
  --color-nw-gold-light: #f0b93f;
  --color-nw-text: #e8dccb;
  --color-nw-muted: #b1997f;
}

:root {
  color-scheme: dark;
}

body {
  background:
    radial-gradient(1100px 520px at 50% -8%, rgba(215, 150, 2, 0.12), transparent 62%),
    linear-gradient(180deg, #1b120b 0%, #120b07 100%);
  background-attachment: fixed;
  color: var(--color-nw-text);
  min-height: 100vh;
}

/* Componentes reutilizables */
@layer components {
  .nw-btn {
    @apply inline-flex items-center justify-center rounded-md bg-nw-gold px-5 py-2.5 font-semibold text-[#1b120b] transition hover:bg-nw-gold-light;
  }
  .nw-btn-ghost {
    @apply inline-flex items-center justify-center rounded-md border border-nw-border px-5 py-2.5 font-semibold text-nw-text transition hover:border-nw-gold hover:text-nw-gold-light;
  }
  .nw-card {
    @apply rounded-xl border border-nw-border/70 bg-nw-panel/80 p-5 shadow-lg shadow-black/30 backdrop-blur;
  }
  .nw-heading {
    @apply bg-gradient-to-b from-nw-gold-light to-nw-gold bg-clip-text font-extrabold tracking-wide text-transparent;
  }
}

/* Contenido HTML de noticias/foro */
.prose :where(a) {
  color: #7cc0f7;
}