/*
  Shared prototype typography system.
  Permanent reading and interface typography stays consistent across seasons.
  Only --font-seasonal-display and --font-seasonal-accent may change by appearance mode.
*/
:root {
  --font-display: "Cormorant Garamond", "Palatino Linotype", Palatino, Georgia, serif;
  --font-reading: "Crimson Text", Georgia, "Times New Roman", serif;
  --font-script: "Parisienne", "Segoe Script", "Brush Script MT", cursive;
  --font-interface: "Segoe UI", Arial, Helvetica, sans-serif;
  --font-seasonal-display: var(--font-display);
  --font-seasonal-accent: var(--font-script);
  --reading-ink: #26372f;
  --product-title-ink: #17372c;
  --product-detail-ink: #59483d;
  --product-accent-ink: #8e4933;
  --product-price-ink: #6b263d;

  /* Compatibility aliases used by the existing prototype styles. */
  --serif: var(--font-display);
  --sans: var(--font-reading);
  --script: var(--font-script);
  --ink: var(--reading-ink);
}

html {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

body {
  color: var(--reading-ink);
  font-family: var(--font-reading);
  font-size: 1.125rem;
  line-height: 1.62;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures;
}

p,
li,
dd,
blockquote,
.lead,
.description,
.product-description,
.fragrance-description,
.testimonial-card p,
.story-intro,
.chapter-copy > p,
.notice,
.faq,
.policy-copy,
.contact-form,
.single-product .summary,
.woocommerce-cart,
.woocommerce-checkout,
.woocommerce-account {
  font-family: var(--font-reading);
  line-height: 1.62;
}

h1,
h2,
h3,
h4,
h5,
h6,
.brand,
.brand-name,
.footer-brand,
.product-name,
.product-title,
.product-content h3,
.testimonial-heading,
.testimonial-card h3,
.category-title,
.large-callout {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: -.012em;
}

.footer-brand {
  font-family: var(--font-script);
  font-size: clamp(1.8rem, 3.2vw, 2.5rem);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0;
  white-space: nowrap;
}

.single-product .product_title,
.woocommerce-loop-product__title,
.woocommerce-products-header__title,
.shop-all .page-title,
.woocommerce h1,
.woocommerce h2,
.woocommerce h3 {
  font-family: var(--font-display);
  font-weight: 600;
}

.desktop-nav,
.mobile-nav,
.header-actions,
.back-link,
.footer-links,
button,
.button,
input,
select,
textarea,
label,
.price,
.option-summary,
.product-options,
.cart,
.checkout,
.customer-account {
  font-family: var(--font-reading);
}

.woocommerce,
.woocommerce button,
.woocommerce input,
.woocommerce select,
.woocommerce textarea,
.woocommerce label,
.woocommerce .price {
  font-family: var(--font-reading);
}

.woocommerce-products-header__title,
.shop-all .page-title {
  color: var(--forest-dark, #17372c);
  font-family: var(--font-display);
  font-weight: 600;
}

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-ordering select,
.woocommerce .widget_price_filter,
.woocommerce .widget_layered_nav,
.shop-all .filters,
.shop-all .sort,
.shop-all .product-count {
  color: var(--product-detail-ink);
  font-family: var(--font-reading);
  font-weight: 600;
}

.woocommerce ul.products li.product .button,
.shop-all .product-card .button {
  font-family: var(--font-reading);
  font-weight: 600;
}

.desktop-nav a,
.mobile-nav a,
.header-actions a,
.back-link,
.footer-links a {
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: .012em;
}

button,
.button {
  font-size: 1.04rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .014em;
}

input,
select,
textarea {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
}

label {
  font-weight: 600;
}

.product-content h3,
.featured-products .product-name,
.featured-products .product-title {
  color: var(--product-title-ink);
  font-family: var(--font-script);
  font-size: clamp(1.7rem, 2.4vw, 2.15rem);
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: 0;
}

.product-content h3 a,
.featured-products .product-name,
.featured-products .product-title {
  color: var(--product-title-ink);
  font-family: var(--font-script);
  font-weight: 400;
  letter-spacing: 0;
}

.product-name,
.product-title,
.woocommerce-loop-product__title,
.single-product .product_title,
.shop-all .product-content h3,
.shop-all .product-content h3 a {
  color: var(--product-title-ink);
  font-family: var(--font-display);
  font-weight: 600;
  line-height: 1.06;
  letter-spacing: -.012em;
}

.price,
.option-summary,
.product-options {
  font-size: 1.06rem;
  line-height: 1.45;
}

.option-summary,
.product-options,
.single-product .summary {
  color: var(--product-detail-ink);
}

.option-summary strong,
.product-options strong {
  color: var(--product-accent-ink);
}

.price,
.woocommerce .price {
  color: var(--product-price-ink);
}

.price,
.option-summary strong,
.product-options strong {
  font-weight: 600;
}

.script,
.script-accent,
.chapter-copy > .script-accent,
.hero-title-script {
  font-family: var(--font-seasonal-accent);
  font-weight: 400;
}

.seasonal-section h2,
.sample-content h3 {
  font-family: var(--font-seasonal-display);
}

.halloween {
  --font-seasonal-display: "Creepster", var(--font-display);
}

.halloween .sample-content h3 {
  font-weight: 400;
  letter-spacing: .012em;
}

.eyebrow,
.chapter-kicker,
.chapter-number,
.chapter-marker span,
.page-tab,
.status,
.photo-label,
.placeholder-type,
.testimonial-placeholder-label,
.prototype-form-note,
.sample-label span {
  font-family: var(--font-reading);
  font-variant-caps: all-small-caps;
  font-weight: 600;
  letter-spacing: .105em;
}

.production-bar {
  font-family: var(--font-reading);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
}

.story-intro::first-letter {
  float: left;
  margin: .06em .1em 0 0;
  color: var(--forest-dark, #17372c);
  font-family: var(--font-display);
  font-size: 3.15em;
  font-weight: 600;
  line-height: .72;
}

/* The WordPress administration concept remains a compact working interface. */
.admin-shell,
.prototype-notice,
.admin-shell button,
.admin-shell input,
.admin-shell select,
.admin-shell textarea,
.admin-shell label {
  font-family: var(--font-interface);
}

.admin-shell {
  font-size: 1rem;
  line-height: 1.5;
}

.admin-shell h1,
.admin-shell h2,
.admin-shell h3,
.admin-shell .brand-name,
.admin-shell .preview-paper {
  font-family: var(--font-display);
}

.preview-paper p,
.preview-paper .preview-description {
  font-family: var(--font-reading);
}

@media (max-width: 620px) {
  body {
    font-size: 1.0625rem;
    line-height: 1.58;
  }

  p,
  li,
  dd,
  blockquote,
  .lead,
  .description,
  .product-description,
  .fragrance-description,
  .testimonial-card p,
  .story-intro,
  .chapter-copy > p,
  .notice {
    line-height: 1.58;
  }

  .desktop-nav a,
  .mobile-nav a,
  .header-actions a,
  .back-link,
  .footer-links a {
    font-size: 1rem;
  }

  .product-content h3,
  .featured-products .product-name,
  .featured-products .product-title {
    font-size: 1.75rem;
    line-height: 1.18;
  }

  .product-name,
  .product-title,
  .woocommerce-loop-product__title,
  .single-product .product_title,
  .shop-all .product-content h3,
  .shop-all .product-content h3 a {
    font-size: 1.55rem;
    line-height: 1.08;
  }

  .price,
  .option-summary,
  .product-options {
    font-size: 1rem;
  }

  .story-intro::first-letter {
    float: none;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
  }
}