/* Shared brand tokens. Component styles opt into the new typography. */
@font-face {
 font-family: 'Cormorant Garamond';
 src: url('../assets/fonts/cormorantgaramond/CormorantGaramond%5Bwght%5D.woff2') format('woff2');
 font-style: normal;
 font-weight: 300 700;
 font-display: swap;
}
@font-face {
 font-family: 'Manrope';
 src: url('../assets/fonts/manrope/Manrope%5Bwght%5D.woff2') format('woff2');
 font-style: normal;
 font-weight: 200 800;
 font-display: swap;
}
:root {
 --merade-navy: #101b2c;
 --merade-ivory: #f5f3ee;
 --merade-white: #fff;
 --merade-surface: #e5e3dc;
 --merade-muted: #656b73;
 --merade-gold: #e6b65c;
 --merade-button-gradient: linear-gradient(180deg, #ffad3c 0%, #ff941b 18%, #ff8008 40%, #ff6500 75%, #f05206 100%);
 --merade-on-dark-secondary: #c7cbd0;
 --merade-on-dark-muted: #a1a9b4;
 --merade-border-on-dark: rgb(245 243 238 / 16%);
 --merade-accent-border: rgb(230 182 92 / 28%);
 --merade-hover-dark: #263345;
 --merade-input-border: #a7adb5;
 --merade-font-heading: 'Cormorant Garamond', Georgia, serif;
 --merade-font-body: 'Manrope', system-ui, sans-serif;
}

/* Shared page surface keeps the new palette consistent around theme components. */
body { background: var(--merade-ivory); color: var(--merade-navy); }

/* Google Material Symbols: local SVGs, no icon font or third-party requests. */
.merade-icon { display: inline-block; flex: none; width: 20px; height: 20px; vertical-align: middle; pointer-events: none; }

/* A shared gentle hover; local transform feedback keeps its own short timing. */
:where(a, button, summary, [role="button"]) {
 transition: color 240ms ease, background-color 240ms ease, border-color 240ms ease, text-decoration-color 240ms ease, opacity 240ms ease;
}
@media (prefers-reduced-motion: reduce) {
 :where(a, button, summary, [role="button"]) { transition: none; }
}