:root {
  --evap-navy: #031554;
  --evap-orange: #f97316;
  --evap-amber: #f59e0b;
  --evap-ink: #0f172a;
  --evap-muted: #64748b;
  --evap-panel: #ffffff;
  --evap-bg: #f8fafc;
  --evap-dark: #0b122b;
  --evap-border: #dbe3ee;
  --evap-shadow: 0 18px 50px rgba(2, 6, 23, 0.10);
}

.evap-shell-bg {
  background:
    radial-gradient(circle at top left, rgba(249, 115, 22, 0.14), transparent 28%),
    radial-gradient(circle at top right, rgba(3, 21, 84, 0.10), transparent 25%),
    linear-gradient(180deg, #fff7ed 0%, #f8fafc 22%, #f8fafc 100%);
}

.evap-brand-lockup,
.site-logo-lockup {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.site-logo-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  transform: translateY(2px);
}

.site-logo-svg {
  display: block;
  width: 100%;
  height: 100%;
}

.evap-wordmark {
  font-family: "Plus Jakarta Sans", Inter, system-ui, sans-serif;
  font-style: italic;
  font-weight: 800;
  letter-spacing: 0.018em;
  line-height: 1;
  color: var(--evap-navy);
}

.evap-wordmark--sm {
  font-size: 1.2rem;
}

.evap-wordmark--md {
  font-size: 1.28rem;  /* header default */
}

.evap-wordmark--lg {
  font-size: 1.7rem;   /* hero / marketing */
}

.evap-wordmark.dark,
.site-logo-lockup.dark .site-logo-text {
  color: #fff;
}

.site-logo-lockup.dark .site-logo-svg {
  filter: brightness(0) invert(1);
}