/* Noir Street: tokens e base compartilhados (catálogo e painel) */
:root {
  --preto: #0E0E0E;
  --off: #F3F1EC;
  --cinza: #555555;
  --cinza-escuro: #B9B5AC;
  --linha: #CFCCC5;
  --laranja: #FF5A1F;
  --palco: #E6E3DC;
  --anton: 'Anton', 'Impact', 'Arial Narrow', sans-serif;
  --archivo: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  color-scheme: light;
}
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--archivo);
  font-size: 15px;
  line-height: 1.5;
  background: var(--off);
  color: var(--preto);
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; background: none; border: 0; padding: 0; }
a { color: inherit; }
img { max-width: 100%; display: block; }
[hidden] { display: none !important; }

.anton { font-family: var(--anton); font-weight: 400; text-transform: uppercase; letter-spacing: 0.01em; line-height: 0.95; }
.etiqueta {
  font-family: var(--archivo);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.18em;
}
.selo {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 10px; font-weight: 700;
  letter-spacing: 0.16em; text-transform: uppercase;
  white-space: nowrap;
}
.selo--laranja { background: var(--laranja); color: var(--preto); }
.laranja { color: var(--laranja); }
:focus-visible { outline: 2px solid var(--laranja); outline-offset: 2px; }