/* RC88 · Armonizzazione grafica.
   Un'unica tavolozza per tutta l'app chiara: carta crema, inchiostro scuro e
   un solo accento oro. Caricato per ultimo, ritocca solo ciò che è comune
   (colori d'accento, pulsanti, ombre, focus). Le sezioni scure (regia, video,
   cinema, mao) mantengono i loro fondi: qui si toccano solo gli accenti. */

:root {
  --ink: #202330;
  --muted: #6b6f7d;
  --paper: #fbf9f4;
  --white: #ffffff;
  --line: #e7e1d5;
  --accent: #a86a1c;
  --accent-soft: #f6ead2;
  --accent-strong: #7d4d10;
  --gold: #a86a1c;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --shadow-soft: 0 6px 18px rgba(32, 35, 48, .07);
  --shadow-lift: 0 12px 28px rgba(32, 35, 48, .10);
  /* Gli accenti storici (corallo, rosso, blu, verde) diventano varianti dell'oro
     o dell'inchiostro, così la pagina parla con una voce sola. */
  --coral: #a86a1c;
  --coral-dark: #7d4d10;
}

/* Fondo unico: nessuna differenza di tono tra una sezione e l'altra. */
html,
body {
  background-color: var(--paper);
}

/* Pulsanti: stessa forma, stesso peso, nessun gradiente vistoso. */
.button,
.public-export-button,
.admin-export-download,
.admin-access-submit,
.place-card-admin-entry,
.editorial-publish {
  border-radius: var(--radius-sm);
  font-weight: 700;
  letter-spacing: .01em;
  background-image: none;
  box-shadow: var(--shadow-soft);
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.public-export-button,
.admin-export-download,
.place-card-admin-entry {
  background-color: var(--accent);
  border-color: var(--accent);
  color: var(--white);
}

.public-export-button:hover,
.admin-export-download:hover,
.place-card-admin-entry:hover {
  background-color: var(--accent-strong);
  border-color: var(--accent-strong);
  color: var(--white);
  transform: translateY(-1px);
}

.admin-access-submit {
  background-color: var(--ink);
  border-color: var(--ink);
  color: var(--white);
}

/* Focus da tastiera: un solo anello, sempre visibile e dello stesso colore. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid rgba(168, 106, 28, .42);
  outline-offset: 2px;
}

/* Ombre dei riquadri: morbide e uguali ovunque. */
.dialog-card,
.admin-access-dialog,
.admin-export-dialog {
  box-shadow: var(--shadow-lift);
}

/* Link dentro il testo: stesso accento, sottolineatura discreta. */
main a:not([class*="button"]):not([class*="btn"]),
.site-footer a {
  text-underline-offset: 3px;
}

/* Riduce l'effetto «pubblicità» dei gradienti oro sui titoli. */
.place-card-admin-entry {
  box-shadow: var(--shadow-soft) !important;
}

@media (prefers-reduced-motion: reduce) {
  .button,
  .public-export-button,
  .admin-export-download,
  .place-card-admin-entry {
    transition: none;
  }
}