/*
 * Transplanted from the live site's `global-styles-inline-css` — the ~10KB <style> block WordPress
 * generates from theme.json into every page head. The port copies main.css and wp-block-library.css
 * verbatim but never took this one, so button blocks lost their fill: wp-block-library.css supplies
 * the pill shape (`:where(.wp-block-button__link){border-radius:9999px;padding:…}`) but the
 * background colour and the flex layout live only here.
 *
 * Only the button slice is copied, and the colour utilities are scoped to buttons on purpose. The
 * same preset classes appear elsewhere in the content (has-vivid-red-color on <mark>, etc.) and are
 * still unstyled; widening this file would change pages beyond the ones audited. See PORTING.md.
 *
 * WordPress emits the centring as a per-page generated class (.wp-container-core-buttons-is-layout-1);
 * that is replaced here by the stable .is-content-justification-center the markup already carries.
 */

:root {
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
}

body .is-layout-flex { display: flex; }
.is-layout-flex { flex-wrap: wrap; align-items: center; }
:where(.is-layout-flex) { gap: 0.5em; }
.is-layout-flex > :is(*, div) { margin: 0; }

.wp-block-buttons.is-content-justification-center { justify-content: center; }
.wp-block-buttons.is-content-justification-right { justify-content: flex-end; }

:root :where(.wp-element-button, .wp-block-button__link) {
  background-color: #32373c;
  border-width: 0;
  color: #fff;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  text-decoration: none;
}

.wp-block-button__link.has-white-color { color: var(--wp--preset--color--white) !important; }
.wp-block-button__link.has-white-background-color { background-color: var(--wp--preset--color--white) !important; }
.wp-block-button__link.has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; }
.wp-block-button__link.has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; }
.wp-block-button__link.has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; }
.wp-block-button__link.has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; }