/**
 * We Grow Magic typography contract
 *
 * Display/headings: ITC Clearface Std
 * Body/interface copy: General Sans Medium (500)
 *
 * This file is loaded last because several legacy PHP templates contain
 * page-local style blocks. Add future typography rules here instead.
 */

:root {
    --wgm-font-heading: 'ITC Clearface Std', Georgia, serif;
    --wgm-font-accent: 'ITC Clearface Std', Georgia, serif;
    --wgm-font-body: 'General Sans', Arial, sans-serif;
    --font-heading: var(--wgm-font-heading);
    --font-body: var(--wgm-font-body);
    --wgm-science-heading-font: var(--wgm-font-heading);
    --wgm-science-body-font: var(--wgm-font-body);
    --wgm-science-heading-weight: 550;
    --wgm-science-body-weight: 500;
}

html body {
    font-family: var(--wgm-font-body) !important;
    font-weight: 500;
}

/* Body copy and controls. Explicit bold/semibold component weights remain. */
html body :where(p, li, dd, dt, blockquote, figcaption, address, label, input,
textarea, select, option, button, a, td, th, small, time, summary) {
    font-family: var(--wgm-font-body) !important;
}

html body :where(p, li, dd, dt, blockquote, figcaption, address, td, th, small) {
    font-weight: 500;
}

/* Display typography, including nested spans/links often used for styling. */
html body :where(h1, h2, h3, h4, h5, h6),
html body :where(h1, h2, h3, h4, h5, h6) * {
    font-family: var(--wgm-font-heading) !important;
}

/* Utility hooks for intentional exceptions. */
.wgm-font-body,
.wgm-font-body * {
    font-family: var(--wgm-font-body) !important;
}

.wgm-font-heading,
.wgm-font-heading * {
    font-family: var(--wgm-font-heading) !important;
}

/* Preserve third-party icon glyphs. */
html body :where(.fa, .fas, .far, .fal, .fab, [class^='icon-'], [class*=' icon-'],
.dashicons, .woocommerce-Price-currencySymbol)::before,
html body :where(.fa, .fas, .far, .fal, .fab, [class^='icon-'], [class*=' icon-'],
.dashicons)::after {
    font-family: inherit;
}