:root {
  --wh-deep-sea-green: #0F5A59;
  --wh-persimmon: #F25C3D;
  --wh-soft-blush: #FFD7C8;
  --wh-warm-cream: #FFF8F1;
  --wh-honey: #F0B63F;
  --wh-graphite: #26343B;
  --wh-white: #FFFFFF;

  --wh-bg: var(--wh-warm-cream);
  --wh-text: var(--wh-graphite);
  --wh-heading: var(--wh-deep-sea-green);
  --wh-accent: var(--wh-persimmon);
  --wh-border: rgba(38,52,59,.14);

  --wh-radius-sm: 10px;
  --wh-radius-md: 18px;
  --wh-radius-lg: 28px;
  --wh-shadow-soft: 0 12px 34px rgba(38,52,59,.08);
}

.wh-logo {
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.wh-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .85rem 1.15rem;
  border: 0;
  border-radius: 999px;
  background: var(--wh-persimmon);
  color: #fff;
  font-weight: 700;
}

.wh-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .85rem 1.15rem;
  border: 1px solid var(--wh-deep-sea-green);
  border-radius: 999px;
  background: transparent;
  color: var(--wh-deep-sea-green);
  font-weight: 700;
}

.wh-card {
  border: 1px solid var(--wh-border);
  border-radius: var(--wh-radius-md);
  background: #fff;
  box-shadow: var(--wh-shadow-soft);
}