/* Tokens compartidos. Ningún módulo define colores/fuentes propios fuera de aquí. */
:root {
  /* Noche */
  --night-950: #04050b;
  --night-900: #080b1a;
  --night-800: #0e1330;
  --night-700: #161d47;
  --night-600: #222b63;

  /* Oro */
  --gold-200: #fbefc8;
  --gold-300: #f3dc9a;
  --gold-400: #e6c36f;
  --gold-500: #c9a14a;
  --gold-600: #a37d2c;
  --gold-700: #7a5b1c;
  --gold-gradient: linear-gradient(100deg, #a37d2c 0%, #f3dc9a 38%, #c9a14a 55%, #fff2c4 72%, #a37d2c 100%);
  --gold-glow: 0 0 24px rgba(230, 195, 111, .35);

  /* Estrellas / texto */
  --star: #fff6dc;
  --text: #f4efe3;
  --text-muted: rgba(244, 239, 227, .68);
  --text-faint: rgba(244, 239, 227, .42);
  --line: rgba(230, 195, 111, .28);
  --glass: rgba(14, 19, 48, .55);

  /* Tipografía */
  --font-script: "Great Vibes", cursive;
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Jost", system-ui, sans-serif;

  /* Movimiento */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-fast: .25s;
  --dur: .6s;
  --dur-slow: 1.2s;

  /* Capas */
  --z-sky: 0;
  --z-invitation: 10;
  --z-intro: 50;
  --z-music: 70;
  --z-modal: 80;
  --z-toast: 90;

  /* Layout: móvil primero; en escritorio el contenido queda como “columna celular” centrada */
  --content-max: 30rem;
  --gutter: clamp(1.25rem, 5vw, 2rem);
}