:root {
  color-scheme: light only;
  /* Brand */
  --rm-navy: #0b1c2e;
  --rm-navy-2: #10243c;
  --rm-navy-3: #1a3550;
  --rm-navy-soft: #243b55;
  --rm-gold: #c5a059;
  --rm-gold-deep: #b8860b;
  --rm-gold-soft: #d4bc7e;
  --rm-gold-muted: rgba(197, 160, 89, 0.18);

  /* Surfaces */
  --rm-white: #ffffff;
  --rm-off-white: #f7f5f1;
  --rm-cream: #efe9df;
  --rm-ink: #0b1c2e;
  --rm-muted: #6b7a8c;
  --rm-line: rgba(197, 160, 89, 0.28);
  --rm-line-soft: rgba(11, 28, 46, 0.08);

  /* Typography */
  --rm-font-serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --rm-font-sans: "Outfit", "Manrope", system-ui, sans-serif;

  /* Legacy aliases (keep any residual Mio Stella class hooks calm) */
  --navy: var(--rm-navy);
  --navy-2: var(--rm-navy-2);
  --navy-3: var(--rm-navy-soft);
  --gold: var(--rm-gold);
  --gold-soft: var(--rm-gold-soft);
  --white: var(--rm-white);
  --muted: var(--rm-muted);
  --font-sans: var(--rm-font-sans);
  --font-serif: var(--rm-font-serif);
  --font-display: var(--rm-font-serif);
  --font-ui: var(--rm-font-sans);

  /* Layout */
  --rm-container: 1180px;
  --rm-gutter: clamp(1.25rem, 4vw, 2.5rem);
  --rm-header-h: 5rem;
  --rm-radius: 2px;
  --rm-radius-lg: 8px;
  --rm-shadow: 0 18px 50px rgba(11, 28, 46, 0.18);
  --rm-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --rm-dur: 0.7s;
}