/* Hāvin website brand integration — v0.3.6
   Canonical palette only. This stylesheet sits after the existing site CSS.
   It does not alter layout, content, illustrations, or product mockups. */
:root {
  --havin-deep-purple: #4B2A72;
  --havin-midnight-navy: #0D1426;
  --havin-experimental-blue: #1E3A8A;
  --havin-sky-blue: #3FA7E1;
  --havin-aviator-gold: #D4AF37;
  --havin-white: #FFFFFF;

  /* Compatibility aliases for older Hāvin site variables */
  --navy: var(--havin-midnight-navy);
  --deep-navy: var(--havin-midnight-navy);
  --teal: var(--havin-experimental-blue);
  --dark-teal: var(--havin-deep-purple);
  --accent: var(--havin-experimental-blue);
  --brand: var(--havin-experimental-blue);
  --gold: var(--havin-aviator-gold);
  --off-white: var(--havin-white);
}

html { accent-color: var(--havin-experimental-blue); }

body {
  color: var(--havin-midnight-navy);
  background-color: var(--havin-white);
}

::selection {
  background: rgba(63,167,225,.24);
  color: var(--havin-midnight-navy);
}

/* Text-brand accents */
.eyebrow,
.kicker,
.overline,
.section-label,
small[class*="label"],
[class*="eyebrow"],
[class*="kicker"] {
  color: var(--havin-experimental-blue);
}

/* Primary CTAs */
.btn-primary,
.button-primary,
a.btn-primary,
button.primary,
button[type="submit"] {
  background: linear-gradient(135deg, var(--havin-experimental-blue), var(--havin-deep-purple));
  border-color: transparent;
  color: var(--havin-white);
  box-shadow: 0 10px 28px rgba(30,58,138,.18);
}
.btn-primary:hover,
.button-primary:hover,
a.btn-primary:hover,
button.primary:hover,
button[type="submit"]:hover {
  filter: brightness(1.06);
}

/* Secondary controls */
.btn-secondary,
.button-secondary {
  color: var(--havin-midnight-navy);
  border-color: rgba(30,58,138,.24);
}

/* Strong dark surfaces */
.hero,
.hero-dark,
.section-dark,
.dark-section,
.site-footer,
footer {
  --surface-accent: var(--havin-sky-blue);
}

/* Brand-cohesive dark sections without changing current layout */
.hero-dark,
.section-dark,
.dark-section,
.site-footer,
footer {
  background-color: var(--havin-midnight-navy);
}

/* Gold reserved for premium / identity emphasis */
.badge-gold,
.plus-badge,
.premium-badge,
[class*="gold-accent"] {
  color: var(--havin-aviator-gold);
}

/* Links */
main a:not(.btn):not(.button),
footer a:hover {
  text-decoration-color: rgba(63,167,225,.4);
}

/* Focus accessibility */
:focus-visible {
  outline: 3px solid var(--havin-sky-blue);
  outline-offset: 3px;
}

/* New canonical wordmark sizing */
img[src*="havin-wordmark"],
img[src*="havin-wordmark-inverse"] {
  object-fit: contain;
}

/* Soft Glow icon is intentionally presented as artwork, not clipped into a generic tile. */
img[src*="havin-soft-glow"],
img[src*="havin-favicon"],
img[src*="havin-mark"] {
  object-fit: contain;
}