/* Only theme.json defines literal brand colours and font families. */
:root, .editor-styles-wrapper {
  --nord-background:var(--nord-global-background,var(--wp--preset--color--background));
  --nord-text:var(--nord-global-text,var(--wp--preset--color--ink));
  --nord-black:var(--nord-text);
  --nord-surface:var(--wp--preset--color--cards);
  --nord-card:var(--nord-surface);
  --nord-primary:var(--wp--preset--color--raspberry);
  --nord-raspberry:var(--nord-primary);
  --nord-white:var(--wp--preset--color--white);
  --nord-on-primary:var(--wp--preset--color--on-primary);
  --nord-dark:var(--wp--preset--color--black);
  --nord-error:var(--wp--preset--color--error);
  --nord-muted:color-mix(in srgb,var(--nord-text) 74%,var(--nord-surface));
  --nord-border:color-mix(in srgb,var(--nord-text) 16%,var(--nord-surface));
  --nord-soft:color-mix(in srgb,var(--nord-text) 3%,var(--nord-surface));
  --nord-primary-hover:color-mix(in srgb,var(--nord-primary) 85%,var(--nord-dark));
  --nord-button-bg:var(--nord-global-button-bg,var(--nord-primary));
  --nord-button-text:var(--nord-global-button-text,var(--nord-on-primary));
  --nord-font-body:var(--nord-global-font-body,var(--wp--preset--font-family--sans));
  --nord-font-heading:var(--nord-global-font-heading,var(--nord-font-body));
  --nord-font-display:var(--nord-global-font-h1,var(--wp--preset--font-family--editorial));
  --nord-body-size:var(--nord-global-body-size,var(--wp--preset--font-size--body));
  --nord-button-size:var(--nord-global-button-size,var(--nord-body-size));
  --nord-font-button:var(--nord-global-font-button,var(--nord-font-body));
  --nord-body-line:var(--nord-global-body-line,1.7);
  --nord-heading-weight:var(--nord-global-heading-weight,700);
  --nord-button-weight:var(--nord-global-button-weight,700);
  --nord-button-radius:var(--nord-global-button-radius,4px);
  --nord-gutter:5%;
}
/* Monochrome controls follow their text colour; photographs and logos stay intact. */
span.nord-icon {
  display:inline-block;
  width:20px;
  height:20px;
  background:currentColor;
  mask:var(--nord-icon-image) center/contain no-repeat;
  -webkit-mask:var(--nord-icon-image) center/contain no-repeat;
  filter:none !important;
}
