/* ==========================================================================
   Legal-page refresh.
   Loaded AFTER theme.css on privacy / terms / support / account-deletion /
   messaging / sms-terms. Purely additive: it repaints those pages in the new
   Afterglow palette and lifts the small type, without touching a single line
   of the legal copy or its markup — which is App Store compliance content and
   is deliberately left alone.
   ========================================================================== */

:root,
[data-theme="dark"] {
  --black: #29221e;
  --black-rich: #201a16;
  --black-soft: #2f2723;
  --charcoal: #322a25;
  --graphite: #3a312b;
  --cream: #f6eee2;
  --white: #f6eee2;
  --ash: #c0b1a2;
  --stone: #c0b1a2;
  --silver: #b3a495;
  --mist: #9a8d80;
  --gold: #ecb793;
  --gold-light: #f0c5a6;
  --gold-dim: #d9a37f;
  --accent: #ecb793;
}

/* Light mode keeps the same relationships, inverted. */
[data-theme="light"] {
  --black: #f6eee2;
  --black-rich: #fffaf3;
  --black-soft: #fffaf3;
  --charcoal: #f1e7d9;
  --graphite: #e4d8c8;
  --cream: #29221e;
  --white: #29221e;
  --ash: #6d6157;
  --stone: #6d6157;
  --silver: #5b5049;
  --mist: #453c35;
  --gold: #a6764a;
  --accent: #8a6a4c;
}

body { font-family: 'DM Sans', system-ui, sans-serif; }

/* Headings pick up the display serif used across the redesign. */
.legal-hero h1,
.legal-section h2,
.legal-section h3,
.footer-tagline { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 400; }

.legal-hero h1 { letter-spacing: -.03em; }
.legal-section h2 { letter-spacing: -.02em; }

/* The old sheet ran legal copy at 13-14px; bring it onto the new scale. */
.legal-content,
.legal-section p,
.legal-section li { font-size: 16px; line-height: 1.85; }
.legal-section h2 { font-size: clamp(30px, 3vw, 40px); }
.legal-section h3 { font-size: 22px; }
.legal-highlight { font-size: 16px; line-height: 1.8; }

.nav-links a,
.footer-nav a,
.footer-legal-links a { font-size: 13px; letter-spacing: .07em; }
.footer-contact-label { font-size: 12.5px; letter-spacing: .14em; }
.footer-contact-value,
.footer-copy { font-size: 13px; }

/* Header lockup: match the main site, which now runs the wordmark alone.
   Hiding the mark and kanji rather than editing each page's markup. */
.nav-logo .nav-mark,
.nav-logo .nav-logo-kanji { display: none !important; }
.nav-logo { gap: 0; }
.nav-logo .nav-logo-text,
.nav-logo span:not(.nav-mark):not(.nav-logo-kanji) {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 30px; letter-spacing: .22em; border-left: 0 !important; padding-left: 0 !important;
}

/* IVEA / Edward Gate credits row, last in the footer. */
.footer-credits { display: flex; justify-content: center; align-items: center; gap: 12px 56px; flex-wrap: wrap; margin-top: 2rem; padding-top: 14px; border-top: 1px solid var(--graphite); font-size: 14px; letter-spacing: .04em; color: var(--ash); }
.footer-credits a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: inherit; text-decoration: none; }
.footer-ivea img { height: 26px; width: auto; opacity: .85; transition: opacity .2s; }
.footer-ivea:hover img { opacity: 1; }
[data-theme="light"] .footer-ivea img { filter: invert(1); }
.footer-signature span { font: italic 500 26px/1 'Cormorant Garamond', Georgia, serif; letter-spacing: 0; color: var(--cream); transition: color .2s; }
.footer-signature:hover span { color: var(--gold); }
@media (max-width: 768px) { .footer-credits { flex-direction: column; gap: 0; } }