/* ── Mollie Taylor · Design tokens ────────────────────────────────
   Extracted from the Claude Design system
   (mollie-taylor-design-system-5acad3a0). Colour + typography tokens.
   The landing page uses raw hex inline; these vars are provided so the
   rest of the site can build on the same system. */
:root {
  /* Brand palette — raw values */
  --mt-navy: #164D93;   /* primary brand / hero background */
  --mt-rose: #C46390;   /* wordmark + accents on dark */
  --mt-berry: #B5537D;  /* buttons, deeper accents, labels on light */
  --mt-blush: #E7A9C4;  /* soft highlights, tagline on dark, monogram dot */
  --mt-cream: #FDF7F4;  /* light canvas / text on dark */

  /* Navy tint ramp */
  --mt-navy-900: #0F3B72;
  --mt-navy-800: #164D93;
  --mt-navy-700: #245FAB;
  --mt-navy-100: #DBE6F3;
  --mt-navy-050: #EEF3FA;

  /* Berry / rose ramp */
  --mt-berry-700: #98426A;  /* pressed */
  --mt-berry-600: #B5537D;  /* base */
  --mt-rose-500:  #C46390;
  --mt-blush-200: #F3D3E1;
  --mt-blush-100: #FAEBF1;

  /* Cream / neutral surfaces */
  --mt-cream-deep: #F6ECE6;
  --mt-ink: #1C2B3A;
  --mt-ink-soft: #5A6B7D;
  --mt-hairline: #E7DAD2;
  --mt-white: #FFFFFF;

  /* Semantic aliases */
  --color-brand: var(--mt-navy);
  --color-accent: var(--mt-berry);
  --color-accent-soft: var(--mt-rose);
  --color-highlight: var(--mt-blush);
  --surface-inverse: var(--mt-navy);
  --text-on-inverse: var(--mt-cream);
  --focus-ring: var(--mt-berry);

  /* Type families */
  --font-display: 'Abril Fatface', Georgia, 'Times New Roman', serif;
  --font-quote: 'Playfair Display', Georgia, serif;
  --font-body: 'Poppins', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;

  /* Weights */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;

  /* Letter-spacing */
  --ls-label: 0.42em;
  --ls-caps: 0.16em;
}