/* Base compartilhada entre a landing page e os álbuns. */

:root {
  --ink: #14110f;
  --ink-2: #1e1a17;
  --ivory: #f6f1e9;
  --paper: #fbf8f3;
  --gold: #c8933f;
  --gold-soft: #e9c58a;
  --text: #221e1a;
  --muted: #6f665c;
  --line: #e3dace;

  /* nomes usados pelas páginas de álbum */
  --bg: var(--paper);
  --accent: #a8722a;
  --card: #ffffff;

  --serif: "Fraunces", Georgia, "Times New Roman", serif;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color-scheme: light;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 17px/1.7 var(--sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img { max-width: 100%; height: auto; }

h1, h2, h3 {
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: -0.015em;
  line-height: 1.08;
}

.kicker {
  margin: 0 0 16px;
  color: var(--accent);
  font: 600 0.75rem/1.2 var(--sans);
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

::selection { background: var(--gold-soft); color: var(--ink); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}