:root {
  --background: oklch(0.985 0.006 245);
  --foreground: oklch(0.13 0.04 255);
  --primary: oklch(0.42 0.16 260);
  --primary-foreground: oklch(0.99 0.01 255);
  --secondary: oklch(0.94 0.03 245);
  --secondary-foreground: oklch(0.22 0.05 255);
  --accent: oklch(0.83 0.14 72);
  --accent-foreground: oklch(0.18 0.04 70);
  --muted: oklch(0.95 0.015 245);
  --muted-foreground: oklch(0.47 0.04 255);
  --border: oklch(0.88 0.025 245);
  --input: oklch(0.88 0.025 245);
  --ring: oklch(0.58 0.12 260);
  --radius: 0.65rem;
}

body {
  background-image:
    radial-gradient(circle at 12% 8%, color-mix(in oklab, var(--primary) 16%, transparent), transparent 24rem),
    radial-gradient(circle at 92% 0%, color-mix(in oklab, var(--accent) 22%, transparent), transparent 26rem);
}

.tenant-logo {
  background-image: url("/tenants/demobutikk/logo-mark.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.tenant-hero {
  background:
    linear-gradient(135deg, color-mix(in oklab, var(--primary) 12%, white), color-mix(in oklab, var(--accent) 18%, white)),
    radial-gradient(circle at 80% 20%, color-mix(in oklab, var(--primary) 18%, transparent), transparent 20rem);
}