/* Header brand mark — Casan wordmark (replaces Casan bag logo) */
:root,
header.bk-header {
  --casan-cta: #462de2;
  --casan-cta-hover: #3a22c4;
  --casan-cta-active: #2f1aad;
}

/* Primary CTAs (Start for free, hero, etc.) → indigo swatch */
header.bk-header {
  --color-theme-bg-cta: var(--casan-cta);
  --color-theme-bg-cta-hover: var(--casan-cta-hover);
  --color-theme-bg-cta-active: var(--casan-cta-active);
  --color-theme-bg-cta-focus: var(--casan-cta);
}

[data-component-name="start-free-trial"].bg-component-button-primary-bg,
[data-component-name="start-free-trial"].bg-button-dark-primary-bg,
a.bg-button-dark-primary-bg[data-component-name="start-free-trial"],
button.bg-button-dark-primary-bg[data-component-name="start-free-trial"] {
  background-color: var(--casan-cta) !important;
  border-color: transparent !important;
  color: #fff !important;
}

[data-component-name="start-free-trial"].bg-component-button-primary-bg:hover,
[data-component-name="start-free-trial"].bg-button-dark-primary-bg:hover,
a.bg-button-dark-primary-bg[data-component-name="start-free-trial"]:hover,
button.bg-button-dark-primary-bg[data-component-name="start-free-trial"]:hover {
  background-color: var(--casan-cta-hover) !important;
}

/* Hero / form primary pills that share dark-primary classes */
.bg-button-dark-primary-bg {
  background-color: var(--casan-cta) !important;
  color: #fff !important;
}

.hover\:bg-button-dark-primary-bg-hover:hover {
  background-color: var(--casan-cta-hover) !important;
}

a[data-component-name="logo-home"] {
  display: inline-flex;
  align-items: center;
  max-width: 9.5rem;
}

.casan-brand-logo {
  display: none;
  height: 1.75rem;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.casan-brand-logo--on-dark {
  display: block;
}

/*
 * Light skin keeps a dark header over the hero photo → use the white
 * wordmark (on-dark). Paper / on-light mark stays available for other pages.
 */
body.v2-light .casan-brand-logo--on-dark,
html.v2-light .casan-brand-logo--on-dark {
  display: block;
}

body.v2-light .casan-brand-logo--on-light,
html.v2-light .casan-brand-logo--on-light {
  display: none;
}

/* Dark /v2: strengthen full-hero wash so white type stays crisp on the photo */
html:not(.v2-light) [data-section-name="hero"]::before,
body:not(.v2-light) [data-section-name="hero"]::before {
  height: 100% !important;
  inset: 0 !important;
  bottom: auto !important;
  background: linear-gradient(
    180deg,
    rgba(2, 9, 10, 0.55) 0%,
    rgba(2, 9, 10, 0.35) 40%,
    rgba(2, 9, 10, 0.7) 100%
  ) !important;
}

/*
 * Temporarily hide header Nyheder / What’s new pill (bring back later).
 * Changelog page still lives at /v2/.../editions/spring2026/.
 */
.bk-header li:has(> a[href*="editions/spring2026"].rounded-component-button),
.bk-header a[href*="editions/spring2026"].rounded-component-button {
  display: none !important;
}