/* base.css — Variables CSS, reset, tipografía base y animaciones globales */

:root {
  --black: #0a0a0a;
  --white: #f8f6f2;
  --warm-gray: #e8e4dd;
  --mid-gray: #9a9590;
  --gold: #c9a96e;
  --gold-light: #e8d5b0;
  --ui-offset: 120px; /* announcement bar 40px + nav ~80px */
  --text: #1a1916;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: 'DM Sans', sans-serif;
  background: var(--white);
  color: var(--text);
  overflow-x: hidden;
}

/* SCROLL ANIMATION */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}