/* tokens.css — variables de marca (extraídas del CSS en producción de nickname.com) y tipografía.
   Todo bajo .nk-support para aislar del host Angular (no toca estilos globales). */
.nk-support {
  --nk-green: #288c5a;
  --nk-green-d: #20714a;
  --nk-orange: #ff7a2e;
  --nk-coral: #da6f72;
  --nk-ink: #1b1b1b;
  --nk-ink-2: #6b6b6b;
  --nk-muted: #6f6f6f; /* AA sobre blanco (5:1); el #8a8a8a original no pasaba 4.5:1 */
  --nk-cream: #f6f6f5;
  --nk-peach: #fff2ea;
  --nk-white: #ffffff;
  --nk-border: #e6e6e6;
  --nk-error: #b5484b;
  --nk-radius: 14px;
  --nk-radius-sm: 8px;
  --nk-shadow: 0 12px 40px rgba(14, 14, 15, 0.08);
  --nk-maxw: 560px;

  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: var(--nk-ink);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.nk-support h1, .nk-support h2, .nk-support h3 { font-family: 'Montserrat', 'Inter', sans-serif; }