:root {
  --artist-shell-max-width: 1200px;
  --artist-card-radius: 24px;
  --artist-section-space: clamp(3rem, 6vw, 6rem);
  --artist-shadow-soft: 0 22px 60px rgba(31, 26, 23, 0.08);
  --artist-shadow-card: 0 14px 32px rgba(31, 26, 23, 0.06);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background-color: var(--wp--preset--color--background);
  background-image:
    radial-gradient(
      circle at top left,
      color-mix(in srgb, var(--wp--preset--color--primary) 14%, transparent),
      transparent 35%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--wp--preset--color--background) 78%, white),
      var(--wp--preset--color--background)
    );
  color: var(--wp--preset--color--foreground);
}

img {
  display: block;
  height: auto;
  max-width: 100%;
}

a {
  text-underline-offset: 0.15em;
}

p {
  margin-block: 0 1rem;
}

::selection {
  background: color-mix(in srgb, var(--wp--preset--color--primary) 24%, transparent);
}