/* Quartz – minimal extra styling that theme.json can't (yet) express nicely */

/* Smoother text rendering on most platforms */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Card style for core/group */
.wp-block-group.is-style-card {
  border: 1px solid var(--wp--preset--color--silver-300);
  border-radius: var(--wp--custom--radius--m);
  background: var(--wp--preset--color--silver-100);
  box-shadow: var(--wp--preset--shadow--soft);
  padding: var(--wp--preset--spacing--50);
}

/* Cards style for core/columns: turn each column into a card automatically */
.wp-block-columns.is-style-cards > .wp-block-column {
  border: 1px solid var(--wp--preset--color--silver-300);
  border-radius: var(--wp--custom--radius--m);
  background: var(--wp--preset--color--silver-100);
  box-shadow: var(--wp--preset--shadow--soft);
  padding: var(--wp--preset--spacing--50);
}

/* Pill buttons (core/button) */
.wp-block-button.is-style-pill .wp-block-button__link {
  border-radius: 999px;
}

/* Image soft shadow */
.wp-block-image.is-style-soft-shadow img {
  border-radius: var(--wp--custom--radius--m);
  box-shadow: var(--wp--preset--shadow--soft);
}

/* Navigation: slightly tighter and nicer hover */
.wp-block-navigation .wp-block-navigation-item__content {
  border-radius: 999px;
  padding: 0.35em 0.65em;
}

.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item__content:focus {
  background: color-mix(in srgb, var(--wp--preset--color--blueberry-100) 40%, transparent);
}

/* Make code blocks feel like elementary */
pre, code, kbd, samp {
  font-family: var(--wp--preset--font-family--mono);
}

pre {
  border: 1px solid var(--wp--preset--color--silver-300);
  border-radius: var(--wp--custom--radius--m);
  background: color-mix(in srgb, var(--wp--preset--color--slate-900) 4%, var(--wp--preset--color--silver-100));
  padding: var(--wp--preset--spacing--50);
  overflow: auto;
}

/* Links in dark areas */
.has-slate-900-background-color a,
.has-slate-900-background-color a:visited {
  color: var(--wp--preset--color--blueberry-100);
}