/* CAELYTTE V2 · N1.5.3 SILVER_UI_LAB — COLORIMETRÍA, NO REDISEÑO
 * SOLO se aplica a #hud-root (Inventario, Resumen, Estadísticas,
 * y HUD de exploración). La pantalla login, mapa, sprites y PNG se preservan.
 * Los nombres --hud-gold* son aliases heredados para evitar tocar el código
 * original de presentación; sus valores visuales son PLATA, nunca dorado.
 * No cambiar geometría, fuentes, tamaño, disposición ni comportamiento.
 */
#hud-root {
  --silver-background: #08090B;
  --silver-panel: #171B21;
  --silver-border-primary: #727D8B;
  --silver-border-secondary: #48515D;
  --silver-title: #D4DAE2;
  --silver-text: #F1F3F6;
  --silver-muted: #AAB4C0;
  --hud-black: var(--silver-background);
  --hud-black-soft: var(--silver-panel);
  --hud-panel: var(--silver-panel);
  --hud-carbon: var(--silver-panel);
  --hud-carbon-raised: var(--silver-panel);
  --hud-gold: var(--silver-title);
  --hud-gold-light: var(--silver-text);
  --hud-gold-muted: var(--silver-border-secondary);
  --hud-text: var(--silver-text);
  --hud-muted: var(--silver-muted);
  --hud-border: 1px solid var(--silver-border-primary);
  --hud-shadow: 0 10px 28px rgba(8, 9, 11, .75);
  color: var(--silver-text);
}

/* Contenedores y controles: mismos tamaños, nueva tinta. */
#hud-root .fantasy-frame {
  background: linear-gradient(165deg, var(--silver-panel) 0%, var(--silver-background) 55%, var(--silver-panel) 100%);
  border-color: var(--silver-border-primary);
  box-shadow: inset 0 0 0 1px var(--silver-border-secondary), var(--hud-shadow);
}
#hud-root button,
#hud-root input,
#hud-root select {
  color: var(--silver-text);
}
#hud-root button:not(:disabled):hover {
  border-color: var(--silver-border-primary);
  box-shadow: inset 0 0 0 1px var(--silver-border-secondary);
}
#hud-root button:focus-visible,
#hud-root input:focus-visible,
#hud-root select:focus-visible,
#hud-root summary:focus-visible {
  outline-color: var(--silver-title);
}
#hud-root .eyebrow,
#hud-root .hud-location h1,
#hud-root .hud-identity-title strong,
#hud-root .hud-dialog-header h2,
#hud-root .hud-dock-button span,
#hud-root .hud-chat-title strong,
#hud-root .inventory-character-heading strong,
#hud-root .inventory-column-heading h3,
#hud-root .inventory-summary-heading,
#hud-root .inventory-elemental-heading,
#hud-root .statistics-dialog .hud-dialog-header h2,
#hud-root .statistics-character-identity h3,
#hud-root .statistics-subheading h3,
#hud-root .statistics-main-header h3 {
  color: var(--silver-title);
}
#hud-root .hud-experience,
#hud-root .hud-chat-messages,
#hud-root .hud-dialog-content,
#hud-root .hud-reserved-meter span,
#hud-root .inventory-stat-label,
#hud-root .inventory-stat-value,
#hud-root .inventory-type,
#hud-root .inventory-object-description,
#hud-root .inventory-feedback,
#hud-root .statistics-main-label strong,
#hud-root .statistics-main-value,
#hud-root .statistics-value-name,
#hud-root .statistics-unavailable {
  color: var(--silver-text);
}
#hud-root .hud-muted,
#hud-root .inventory-summary-note,
#hud-root .inventory-count,
#hud-root .inventory-character-heading small,
#hud-root .inventory-item-total,
#hud-root .inventory-doll-caption,
#hud-root .inventory-bag-foot,
#hud-root .statistics-footer,
#hud-root .statistics-character-identity small,
#hud-root .statistics-main-label small {
  color: var(--silver-muted);
}
#hud-root .hud-chat-messages {
  background: rgba(8, 9, 11, .9);
  scrollbar-color: var(--silver-border-primary) var(--silver-panel);
}
#hud-root .hud-status,
#hud-root .hud-connection,
#hud-root .hud-qa-panel summary,
#hud-root .hud-qa-buttons {
  background: rgba(8, 9, 11, .94);
  border-color: var(--silver-border-secondary);
}
#hud-root .hud-overlay.is-modal {
  background: rgba(8, 9, 11, .33);
}
#hud-root .hud-coin,
#hud-root .hud-portrait {
  background: radial-gradient(circle, var(--silver-panel), var(--silver-background));
  border-color: var(--silver-border-primary);
}
#hud-root .hud-dock-button,
#hud-root .hud-tools button[aria-pressed='true'],
#hud-root .inventory-category.selected,
#hud-root .inventory-cell.is-selected {
  border-color: var(--silver-border-primary);
}
#hud-root .hud-chat-channels button.selected {
  border-bottom-color: var(--silver-border-primary);
}
#hud-root .inventory-dialog .hud-dialog-content,
#hud-root .statistics-dialog .hud-dialog-content {
  scrollbar-color: var(--silver-border-primary) var(--silver-panel);
}
#hud-root .inventory-column,
#hud-root .inventory-summary-column,
#hud-root .statistics-profile,
#hud-root .statistics-main-section,
#hud-root .statistics-main-card,
#hud-root .statistics-value-row {
  background: var(--silver-panel);
}
/* No hay filtros CSS sobre img: los iconos de estadísticas y los elementos
 * conservan sus pixeles originales, sin tintes ni saturaciones artificiales. */

/* Jerarquía de lectura: etiquetas secundarias, no bordes oscuros. */
#hud-root .hud-chat-channels button:disabled,
#hud-root .hud-tools-zoom,
#hud-root .hud-level,
#hud-root .hud-portrait small,
#hud-root .hud-chat-title span,
#hud-root .hud-qa-panel,
#hud-root .inventory-empty small,
#hud-root .inventory-reserved-square,
#hud-root .inventory-mini-heading,
#hud-root .inventory-empty p,
#hud-root .statistics-footer,
#hud-root .statistics-character-identity p {
  color: var(--silver-muted);
}
#hud-root .hud-chat-form input::placeholder,
#hud-root .inventory-search::placeholder {
  color: var(--silver-muted);
}
#hud-root .inventory-column,
#hud-root .inventory-summary-column,
#hud-root .statistics-profile,
#hud-root .statistics-main-section {
  border-color: var(--silver-border-primary);
}