/* Variant D — Blueprint Technical */
body.fd.fd--blueprint {
  --fd-bg: #f8fafc;
  --fd-surface: #ffffff;
  --fd-section-alt: #f1f5f9;
  --fd-text: #1e3a5f;
  --fd-muted: #55617a;
  --fd-heading: #0c2340;
  --fd-border: #cbd5e1;
  --fd-accent: #2563eb;
  --fd-accent-hover: #1d4ed8;
  --fd-accent-soft: #dbeafe;
  --fd-accent-text: #ffffff;
  --fd-logo: #0c2340;
  --fd-nav: #334155;
  --fd-nav-hover: #2563eb;
  --fd-nav-hover-bg: #eff6ff;
  --fd-header-bg: #ffffff;
  --fd-hero-bg: #ffffff;
  --fd-card-radius: 4px;
  --fd-btn-radius: 4px;
  --fd-card-shadow: none;
  --fd-btn-shadow: none;
  --fd-cta-bg: #0c2340;
  --fd-cta-text: #fff;
  --fd-footer-bg: #f1f5f9;
}

.fd--blueprint .fd-hero {
  background-image:
    linear-gradient(rgba(37, 99, 235, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 99, 235, 0.04) 1px, transparent 1px);
  background-size: 24px 24px;
}

.fd--blueprint .fd-adv,
.fd--blueprint .fd-bento__card,
.fd--blueprint .fd-stat {
  border: 1px solid #94a3b8;
  border-radius: 0;
  box-shadow: none;
  background: #eff6ff;
}

.fd--blueprint .fd-section__eyebrow {
  font-family: ui-monospace, "Cascadia Code", monospace;
  text-transform: none;
  letter-spacing: 0;
}

.fd--blueprint .fd-bento__tag {
  font-family: ui-monospace, monospace;
}

.fd--blueprint .fd-btn {
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.8125rem;
}

.fd--blueprint .fd-btn--primary {
  box-shadow: 4px 4px 0 #1e40af;
}

.fd--blueprint .fd-btn--ghost {
  box-shadow: 4px 4px 0 #cbd5e1;
}