/* Team Lugia · Paleta de marca "Lugia Prime"
   Tokens listos para copiar a tu CSS. Tema base = oscuro. */
:root {
  /* Núcleo de marca */
  --tl-gold: #ffcb05;        /* Oro principal (acento, CTA, marca) */
  --tl-gold-soft: #ffe066;   /* Oro claro (highlights) */
  --tl-gold-shadow: #b8860b; /* Oro profundo (sombras 3D) */
  --tl-silver: #e2e8f0;      /* Plata (LUGIA, texto display) */
  --tl-silver-mid: #94a3b8;
  --tl-silver-deep: #475569;
  --tl-accent-red: #dc2626;  /* Rojo pasión (alertas/energía) */
  --tl-accent-red-dark: #991b1b;

  /* Superficies (modo oscuro) */
  --tl-background: #111319;
  --tl-surface: #111319;
  --tl-surface-container: #1e1f26;
  --tl-card: #1a1c24;
  --tl-border: #3f4451;

  /* Texto */
  --tl-foreground: #e2e2eb;       /* Texto principal */
  --tl-on-surface-variant: #d2c5ab;
  --tl-muted-foreground: #94a3b8; /* Texto secundario */

  /* Estado */
  --tl-success: #16a34a;
  --tl-error: #ffb4ab;

  /* Radios */
  --tl-radius: 0.25rem;
}