:root {
  /* Color de marca */
  --color-navy-900: #0b1730;
  --color-navy-800: #0f1e38;
  --color-navy-700: #16223f;
  --color-navy-600: #1f2f52;
  --color-gold-600: #b8935a;
  --color-gold-500: #c9a961;
  --color-gold-300: #e4cd97;
  --color-cream-100: #f7f3ea;
  --color-cream-200: #efe8d8;
  --color-ink: #14213b;
  --color-ink-soft: #3c4a68;

  /* Semantico */
  --bg-dark: var(--color-navy-800);
  --bg-dark-alt: var(--color-navy-700);
  --bg-light: var(--color-cream-100);
  --text-on-dark: var(--color-cream-100);
  --text-on-dark-muted: rgba(247, 243, 234, 0.72);
  --text-on-light: var(--color-ink);
  --text-on-light-muted: rgba(20, 33, 59, 0.68);
  --accent: var(--color-gold-500);
  --accent-strong: var(--color-gold-600);
  --accent-on-dark-small: var(--color-gold-300);
  --border-on-dark: rgba(201, 169, 97, 0.4);
  --border-on-light: rgba(184, 147, 90, 0.4);
  --overlay-scrim: linear-gradient(90deg, rgba(11, 23, 48, 0.9) 0%, rgba(11, 23, 48, 0.78) 30%, rgba(11, 23, 48, 0.4) 55%, rgba(11, 23, 48, 0.1) 100%);

  /* Tipografia */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: "EB Garamond", Georgia, "Times New Roman", serif;
  --font-label: "Jost", "Segoe UI", Arial, sans-serif;
  --tracking-label: 0.18em;
  --tracking-wide: 0.08em;

  --fs-display-xl: clamp(2.5rem, 5vw + 1rem, 5rem);
  --fs-display-lg: clamp(2rem, 3.4vw + 1rem, 3.25rem);
  --fs-h2: clamp(1.75rem, 2.2vw + 1rem, 2.5rem);
  --fs-h3: clamp(1.25rem, 1.2vw + 1rem, 1.6rem);
  --fs-body-lg: clamp(1.05rem, 0.4vw + 1rem, 1.25rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.9rem;
  --fs-label: 0.8125rem;
  --fs-label-sm: 0.7rem;

  /* Espaciado (escala base 4px) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  --container-max: 1180px;
  --container-narrow: 760px;
  --header-height: 76px;
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-full: 999px;

  --z-nav: 50;
  --z-sticky-cta: 40;
  --z-overlay: 60;

  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 220ms;
  --dur-slow: 600ms;

  --shadow-card: 0 18px 40px -20px rgba(11, 23, 48, 0.45);
  --shadow-elevated: 0 24px 60px -24px rgba(11, 23, 48, 0.55);
}