/* Shared tokens. Change colors here so the rest of the site follows. */
:root {
  --bg: #f6f1ea;
  --surface: #fbf8f4;
  --bg-deep: #1a1614;
  --cream: #f7f3ee;

  --ink: #1a1614;
  --muted: #5e564e;
  --ink-on-dark: #f7f3ee;
  --muted-on-dark: rgba(247, 243, 234, 0.72);

  /* Brand Azul, sampled from the dark swatch (Pantone 5395 C). */
  --accent: #142b3b;
  --accent-hover: #0c2030;
  --accent-soft: rgba(20, 43, 59, 0.14);
  /* Brand Marrom, used for the review stars. */
  --star: #8b684d;

  --line: rgba(26, 22, 20, 0.1);
  --line-on-dark: rgba(247, 243, 234, 0.16);
  --shadow: rgba(26, 22, 20, 0.12);

  /* Kept so existing rules that say var(--white) stay on the cream surface. */
  --white: var(--surface);

  /* Thin frosted sheet. Low fill so the spheres stay visible through the blur. */
  --glass: linear-gradient(180deg, rgba(255, 252, 247, 0.22) 0%, rgba(251, 248, 244, 0.06) 46%, rgba(246, 241, 234, 0.1) 100%);
  --glass-edge: rgba(255, 252, 247, 0.92);
  --glass-shadow: inset 0 1px 0 rgba(255, 252, 247, 1), inset 0 0 0 1px rgba(255, 252, 247, 0.28);

  --header: 84px;
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "Manrope", system-ui, sans-serif;
}