:root {
  --nfu-font-sans:
    "Noto Sans JP", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo",
    sans-serif;
  --nfu-shadow-lg: 0 22px 60px rgba(0, 0, 0, 0.28);
  --nfu-shadow-md: 0 18px 44px rgba(0, 0, 0, 0.22);
  --nfu-shadow-brand: 0 14px 34px rgba(27, 41, 136, 0.32);
}

body {
  font-family: var(--nfu-font-sans) !important;
  letter-spacing: 0.02em;
  background: #0b102a;
}

/* 見出しは少し強めに */
h1,
h2,
h3,
.wp-block-heading {
  font-weight: 800;
  letter-spacing: 0.03em;
}

:where(.wp-site-blocks) > * {
  margin-block-start: 0;
}

:root {
  --nfu-root-pad-l: var(--wp--style--root--padding-left);
  --nfu-root-pad-r: var(--wp--style--root--padding-right);
}

.wp-site-blocks > main {
  padding-left: var(--nfu-root-pad-l);
  padding-right: var(--nfu-root-pad-r);
}

.wp-site-blocks > main > .alignfull {
  margin-left: calc(var(--nfu-root-pad-l) * -1);
  margin-right: calc(var(--nfu-root-pad-r) * -1);
}

body.page-id-3 .entry-content,
body.page-id-3 .entry-content h1,
body.page-id-3 .entry-content h2,
body.page-id-3 .entry-content p,
body.page-id-3 .entry-content li {
  color: #ffffff !important;
}

/* 404の見出しだけ白に固定（has-text-colorの!importantに勝つ） */
body.error404 .nfu-404 .wp-block-heading,
body.error404 .nfu-404 .has-text-color {
  color: var(--wp--preset--color--white) !important;
  padding-top: 40px;
}
