/* =============================================================
   Catita Auto Center — TEMA ESCURO
   Sobrescreve apenas os aliases semânticos de cor do DS + alguns
   contrastes de componente. Carregar DEPOIS de styles.css:
     tokens.css → base.css → components.css → styles.css → styles-dark.css
   A matiz (azul) e o laranja de destaque continuam os mesmos.
   ============================================================= */
:root {
  --c-bg:      hsl(var(--hue) 18% 6%);    /* página escura */
  --c-surface: hsl(var(--hue) 16% 10%);   /* cards / superfícies */
  --c-ink:     var(--c-50);               /* texto principal claro */
  --c-muted:   var(--c-300);              /* texto secundário */
  --c-border:  hsl(var(--hue) 16% 18%);   /* hairline discreto no escuro */
}

/* Placeholder de imagem (mapa) em tom escuro */
.ph {
  background:
    repeating-linear-gradient(45deg,
      hsl(var(--hue) 16% 13%) 0 14px,
      hsl(var(--hue) 18% 16%) 14px 28px);
}

/* Chips de ícone e links: contraste adequado sobre fundo escuro */
.pcard__icon, .info__icon { background: hsl(var(--hue) 20% 16%); color: var(--c-300); }
.pcard__link { color: var(--c-300); }
.pcard__link:hover { color: var(--c-50); }
.info a { color: var(--c-300); }
.info a:hover { color: var(--c-50); }

/* Botão secundário (outline) legível no escuro */
.btn--secondary { color: var(--c-300); border-color: var(--c-primary); }
.btn--secondary:hover { background: hsl(var(--hue) 20% 16%); color: var(--c-50); }