/* Moonlit — design tokens, from the Figma variables. Generated; do not hand-edit. */
:root {
  /* brand */
  --ml-lunar: #cfae6e;
  --ml-moon: #e9e4d4;
  --ml-midnight: #0e1626;
  --ml-indigo: #1b2747;

  /* surfaces */
  --ml-white: #ffffff;
  --ml-pearl: #f7f6f2;
  --ml-mist: #edf0f5;
  --ml-image: #e6e9ef;
  --ml-scrim: #0a0f1f;
  --ml-night: #080b17;

  /* text */
  --ml-text: #121a2b;
  --ml-text-2: #5d667c;
  --ml-accent: #8e6f35;
  --ml-inverse: #f4f2ec;
  --ml-muted-dark: #b9c2d3;
  --ml-icon: #34406a;

  /* lines + state */
  --ml-line: #dde1e8;
  --ml-line-strong: #121a2b;
  --ml-sale: #9e3b47;

  /* metals (card dots, PDP swatches, filter swatches) */
  --ml-metal-white: #e6e8ec;
  --ml-metal-yellow: #e3c27a;
  --ml-metal-rose: #e5b3a3;
  --ml-metal-platinum: #cdd2da;
  --ml-metal-silver: #e6e8ec;

  /* aliases the forked machinery still names (one place, so the look stays Moonlit's) */
  --ml-onyx: var(--ml-midnight);
  --ml-plum: var(--ml-indigo);
  --ml-rose: var(--ml-accent);
  --ml-champagne: var(--ml-lunar);
  --ml-blush: var(--ml-mist);
  --ml-porcelain: var(--ml-mist);

  /* type */
  --ml-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --ml-sans: 'Manrope', -apple-system, 'Segoe UI', system-ui, sans-serif;

  /* layout — 1440 frame, 56px gutters, 1328 content */
  --ml-max: 1440px;
  --ml-gutter: 56px;
  --ml-header-h: 130px;          /* 35 announcement + 66 main row + 29 nav */
}
@media (max-width: 1023px) { :root { --ml-gutter: 32px; } }
@media (max-width: 767px) { :root { --ml-gutter: 16px; --ml-header-h: 83px; } }