/* ==========================================================
   TEMA · URBANO — oscuro, alto contraste, latón
   Giros: barberías, tatuadores
   Fuentes: Big Shoulders Display + DM Sans
   ========================================================== */
:root {
  color-scheme: dark;
  --font-display: "Big Shoulders Display", "Impact", sans-serif;
  --font-body: "DM Sans", "Helvetica Neue", sans-serif;
  --display-weight: 800;
  --display-em-weight: 800;
  --display-italic: normal;
  --display-tracking: -0.01em;
  --display-mayusculas: uppercase;
  --display-em-color: var(--accent);

  --bg: #0E0E0D;
  --bg-alt: #181816;
  --surface: #1D1D1B;
  --ink: #F1ECE2;
  --ink-soft: #A39D92;
  --line: rgba(241, 236, 226, .13);

  --brand: #C9A35B;        /* latón */
  --brand-ink: #111110;
  --brand-soft: #3A3224;
  --accent: #C9A35B;
  --accent-ink: #111110;

  --radius: 6px;
  --radius-sm: 4px;
  --arco: 6px;
  --sombra: 0 30px 60px -25px rgba(0, 0, 0, .7);
  --separador: "✂";

  --grano: .08;
  --grano-modo: screen;
  --cinta-ink: #111110;
  --pie-bg: #070707;
  --pie-ink: #F1ECE2;
  --pie-acento: #C9A35B;
  --mapa-filtro: grayscale(1) invert(.92) contrast(.9);
}
.hero__titulo { line-height: .88; }
.hero__titulo em { color: var(--accent); }
.arco img, .mosaico img, .fila__img img { filter: grayscale(.35) contrast(1.05); }
.estado, .chip { border-radius: 4px; }
.btn { border-radius: 4px; text-transform: uppercase; letter-spacing: .08em; font-size: 13px; }
.dock, .dock a, .dock button { border-radius: 8px; }
.sello { border-radius: 50%; }
.persona__arco b { color: var(--accent); font-style: normal; }
.persona:nth-child(2) .persona__arco { background: var(--accent); }
.persona:nth-child(2) .persona__arco b { color: #111110; }
.cal__dia.is-sel { background: var(--accent); color: #111110; }
.hora[aria-pressed="true"], .chip[aria-pressed="true"] { background: var(--accent); color: #111110; border-color: var(--accent); }