@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{
  --brand:#04618c; --brand-ink:#ffffff; --accent:#ff8a3d;
  --bg:#eff7fb; --surface:#ffffff; --ink:#06202c; --muted:#4f6c7a;
  --radius:16px; --gap:28px; --cols:2;
  --f-heading:'Poppins', system-ui, sans-serif;
  --f-body:'Inter', system-ui, sans-serif;
  --f-price:'Inter', system-ui, sans-serif;
  --f-button:'Inter', system-ui, sans-serif;
  --f-brand:'Poppins', system-ui, sans-serif;
  --f-pageTitle:'IBM Plex Mono', ui-monospace, monospace;
  --f-nav:'Poppins', system-ui, sans-serif;
  --f-hero:'Playfair Display', Georgia, serif;
  --s-brand:16px;
  --s-pageTitle:40px;
  --s-hero:62px;
  --s-heading:18px;
  --s-productName:34px;
  --line:color-mix(in srgb, var(--ink) 12%, transparent);
  --card-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px -12px rgba(0,0,0,.18);
  --card-border:1px solid transparent;
  --card-bg:var(--surface);
}