/* Shared product identity; base surfaces follow the selected daisyUI theme. */
.app-shell {
  --color-primary: oklch(0.43 0.075 162);
  --color-primary-content: oklch(0.99 0.005 160);
}

[data-theme="dark"] .app-shell {
  --color-primary: oklch(0.77 0.105 162);
  --color-primary-content: oklch(0.22 0.04 162);
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .app-shell {
    --color-primary: oklch(0.77 0.105 162);
    --color-primary-content: oklch(0.22 0.04 162);
  }
}

.brand-mark {
  display: grid;
  width: 2rem;
  height: 2rem;
  flex: none;
  place-items: center;
  border-radius: 0.7rem;
  background: color-mix(in srgb, var(--color-primary) 13%, transparent);
  color: var(--color-primary);
  font-size: 1rem;
  font-weight: 800;
}

.brand-mark-image {
  display: block;
  width: 2rem;
  height: 2rem;
  flex: none;
  border-radius: 0.7rem;
  background: #fff;
  object-fit: cover;
}

.brand-mark-small {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 0.875rem;
}

.brand-mark-inverse {
  background: color-mix(in srgb, var(--color-primary) 24%, transparent);
  color: var(--color-primary-content);
}