/* TOKENS DE MARCA — paleta, tipografía y medidas de Embajada Musical.
   Cambiar un valor aquí lo actualiza en todo el sitio. */
:root {
  /* Paleta oficial */
  --black: #0B0B0B;
  --burgundy: #7A1018;
  --ivory: #F4F0E8;
  --gold: #B89B5E;

  /* Derivados */
  --black-soft: #141312;
  --black-raised: #1B1917;
  --burgundy-deep: #4A0A10;
  --burgundy-bright: #92161F;
  --ivory-dim: #E9E3D6;
  --gold-ink: #7A6230;            /* dorado legible sobre marfil (contraste AA) */
  --text-on-dark: #F4F0E8;
  --muted-on-dark: #B9B2A6;
  --text-on-light: #1A1816;
  --muted-on-light: #5C564E;
  --line-on-dark: rgba(184, 155, 94, 0.28);
  --line-on-light: rgba(11, 11, 11, 0.14);

  /* Tipografía */
  --font-display: 'Playfair Display', 'Times New Roman', serif;
  --font-body: 'Montserrat', 'Segoe UI', system-ui, sans-serif;

  --fs-xs: 0.72rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lead: clamp(1.02rem, 0.96rem + 0.35vw, 1.2rem);
  --fs-h3: clamp(1.5rem, 1.25rem + 1.1vw, 2.1rem);
  --fs-h2: clamp(2rem, 1.4rem + 2.6vw, 3.5rem);
  --fs-h1: clamp(2.3rem, 1.3rem + 4.6vw, 5rem);

  /* Espaciado y forma */
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section-y: clamp(4.5rem, 9vw, 8.5rem);
  --max: 1240px;
  --max-narrow: 820px;
  --radius: 2px;
  --header-h: 72px;

  /* Movimiento */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t-fast: 180ms;
  --t-med: 420ms;
  --t-slow: 900ms;
}