:root {
  /* Colors matched against the live 22.juli-senteret site (www.22julisenteret.no):
     white main background, light gray header/footer/cards, and a violet accent
     used for links, the section underline, and the "Kontakt oss" highlight box. */
  --background: #ffffff;
  --foreground: #18181b;
  --card: #f7f7fa;
  --card-foreground: #18181b;
  --popover: #ffffff;
  --popover-foreground: #18181b;
  --primary: #764dea;
  --primary-foreground: #ffffff;
  --secondary: #f7f7fa;
  --secondary-foreground: #18181b;
  --accent: #efeffa;
  --accent-foreground: #4c238e;
  --muted: #f7f7fa;
  --muted-foreground: #6b6b74;
  --border: #e4e4ea;
  --input: #e4e4ea;
  --ring: #764dea;
  --chrome-background: #f4f4f4;
  --chrome-foreground: #18181b;
  --radius: 0.5rem;
}

body {
  background-image: none;
  background-color: var(--background);
}

.tenant-logo {
  width: 17.2rem !important;
  height: 2.25rem !important;
  background-image: url("/tenants/22juli/logo-2026.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent !important;
  border-radius: 0 !important;
}

@media (max-width: 639px) {
  .tenant-logo {
    width: 15.48rem !important;
    height: 2.03rem !important;
  }
}

.tenant-brand-name {
  display: none;
}

.tenant-hero {
  background: var(--card);
  border: 1px solid var(--border);
}

/* Keep the header a solid, opaque light-gray band (per the 22. juli-senteret visual
   profile primary-logo clearspace/background) instead of the shared translucent
   backdrop-blur look used by other tenants. */
header {
  background-color: var(--chrome-background) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}