:root {
  --background: oklch(0.992 0.002 286);
  --foreground: oklch(0.16 0.01 286);
  --primary: oklch(0.39 0.07 304);
  --primary-foreground: oklch(0.99 0.003 286);
  --secondary: oklch(0.965 0.006 286);
  --secondary-foreground: oklch(0.24 0.012 286);
  --accent: oklch(0.73 0.015 286);
  --accent-foreground: oklch(0.18 0.01 286);
  --muted: oklch(0.972 0.004 286);
  --muted-foreground: oklch(0.45 0.012 286);
  --border: oklch(0.9 0.004 286);
  --input: oklch(0.9 0.004 286);
  --ring: oklch(0.53 0.05 304);
  --radius: 0.55rem;
}

body {
  background-image:
    radial-gradient(circle at 12% 8%, color-mix(in oklab, var(--primary) 6%, transparent), transparent 20rem),
    linear-gradient(180deg, #fff, color-mix(in oklab, var(--secondary) 60%, white));
  background-attachment: fixed;
}

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

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

.tenant-hero {
  background:
    linear-gradient(
      135deg,
      color-mix(in oklab, var(--secondary) 88%, white),
      color-mix(in oklab, var(--primary) 6%, white)
    ),
    radial-gradient(circle at 82% 18%, color-mix(in oklab, var(--primary) 10%, transparent), transparent 18rem);
  border: 1px solid color-mix(in oklab, var(--border) 90%, white);
}