@font-face {
  font-family: 'Cormorant';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/cormorant-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/crimson-text-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/crimson-text-600.ttf) format('truetype');
}

/* Shared public-form field typography. A single rule for all form modules,
   deliberately excluded from the WP admin, calendar buttons and checkboxes.
   Keep the labels/headings and CTA typography independent of field text. */
:root {
  --ww-public-field-font: 'Crimson Text', Georgia, serif;
  --ww-public-field-weight: 400;
  --ww-public-field-size: 17px;
}
body:not(.wp-admin) :is(
  .wwb, .wwgv, .ww-pub, .ww-v2, .ww-self-service,
  .ww-account-entry, .ww-account-create, .ww-checkout, .woocommerce-checkout
) :is(
  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):not([type=hidden]),
  select, textarea
) {
  font-family: var(--ww-public-field-font) !important;
  font-weight: var(--ww-public-field-weight) !important;
  font-size: var(--ww-public-field-size) !important;
  line-height: 1.45 !important;
}
body:not(.wp-admin) :is(
  .wwb, .wwgv, .ww-pub, .ww-v2, .ww-self-service,
  .ww-account-entry, .ww-account-create, .ww-checkout, .woocommerce-checkout
) :is(input,textarea)::placeholder {
  font-family: var(--ww-public-field-font) !important;
  font-weight: 400 !important;
  font-size: var(--ww-public-field-size) !important;
}