/* Clinical theme layer (2026-10-27). Loaded after each page's inline <style>
   so it wins over the old Bebas/gold rules without touching every page block.
   Tone: white, navy ink, sentence-case Inter. No mascots, no motion gimmicks. */
:root { --ink:#0F2A44; --navy:#1B4268; --navy-2:#24527D; --line:#E2E8F0; --mute:#5B6B7C; --tint:#F4F7FA; }
body { background:#fff !important; color:#1F2937; -webkit-font-smoothing:antialiased; }
.bg-cream { background-color:#fff !important; }
.bg-cream-dark { background-color:var(--tint) !important; }
.hero-gradient { background:#fff !important; }

/* Typography: Inter everywhere, real hierarchy instead of shouting */
.font-display { font-family:'Inter',system-ui,sans-serif !important; font-weight:650; letter-spacing:-0.02em; line-height:1.12; }
h1.font-display, .font-display.text-8xl, .font-display.text-7xl { font-size:clamp(2.1rem,4.2vw,3.4rem) !important; line-height:1.08; }
h2.font-display { font-size:clamp(1.65rem,2.8vw,2.4rem) !important; line-height:1.15; }
h3.font-display { font-size:clamp(1.1rem,1.6vw,1.35rem) !important; letter-spacing:-0.01em; }
h4.font-display { font-size:1rem !important; letter-spacing:0; }
/* Eyebrow labels: small, tracked, quiet */
.font-display[class*="tracking-[0.3em]"], .font-display[class*="tracking-[0.4em]"], .font-display[class*="tracking-[0.2em]"], .font-display.tracking-widest {
  font-size:.75rem !important; font-weight:600; letter-spacing:.14em !important; text-transform:uppercase; line-height:1.4; }
.font-display[class*="tracking-[0.3em]"]:not([class*="text-white"]), .font-display[class*="tracking-[0.4em]"]:not([class*="text-white"]) { color:var(--navy-2) !important; }
summary.font-display { font-size:1rem !important; font-weight:600; letter-spacing:-0.005em; }

/* Accent and CTA: solid navy, white text */
.gold-gradient { background:var(--navy) !important; color:#fff !important; box-shadow:none !important; }
.gold-gradient:hover { background:var(--ink) !important; opacity:1 !important; }
.gold-gradient.text-black, .gold-gradient .text-black, .gold-gradient .text-black\/80, .gold-gradient .text-white\/90 { color:#fff !important; }
.gold-gradient .border-black { border-color:#fff !important; }
.gold-gradient.text-black svg { color:#fff; }
.text-gold, .text-gold-500 { color:var(--navy) !important; }

/* Kill playful motion and glow */
.float, .pulse-gold, .gold-shimmer, .ticker-animate { animation:none !important; }
.gold-shimmer { background:none !important; -webkit-text-fill-color:currentColor !important; color:var(--navy) !important; }
.pulse-gold { box-shadow:0 1px 3px rgba(15,42,68,.08) !important; }
.card-hover:hover { transform:none !important; box-shadow:0 6px 20px rgba(15,42,68,.08) !important; }
[class*="shadow-gold"] { --tw-shadow-color:rgba(15,42,68,.08) !important; }

/* Softer geometry: cards read as clinical panels, not candy */
.rounded-3xl { border-radius:14px !important; }
.rounded-2xl { border-radius:12px !important; }
.shadow-xl, .shadow-2xl { box-shadow:0 1px 2px rgba(15,42,68,.04), 0 8px 24px rgba(15,42,68,.06) !important; }

/* Configurator preview bar price */
.pv-bar .pv-item.pv-price .pv-value { font-family:'Inter',sans-serif !important; font-weight:700; font-size:18px !important; color:var(--navy) !important; }

/* Header wordmark */
.mc-mark { display:inline-flex; align-items:center; gap:.55rem; color:var(--ink); text-decoration:none; }
.mc-mark svg { width:28px; height:28px; flex:none; }
.mc-mark b { font:700 1.15rem/1 'Inter',sans-serif; letter-spacing:-0.02em; }
.mc-mark small { font:500 .62rem/1 'Inter',sans-serif; letter-spacing:.14em; text-transform:uppercase; color:var(--mute); display:block; margin-top:3px; }
