:root {
  --font-family-base: "Spectral", serif;
}

:root:not([data-theme]) .box-skewed,
[data-theme="light"] .box-skewed {
  --box-background: hsl(0, 0%, 96%);
}

a {
  text-decoration-thickness: 0.2ex;
}

[data-template]:not([data-template="linktree"]) {
  display: grid;
  grid-template-rows: auto 1fr auto;
}

.grid-linktree {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(var(--space-px), 0.5vw, var(--space-xs));
}

.grid-linktree img {
  object-fit: cover;
}

.footer {
  --color-link: var(--color-text);
}