/* ==========================================================================
   THE SACRED CODE — Global Typography System (Poppins & Playfair Display)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700&display=swap');

:root {
  --font-heading: 'Playfair Display', serif;
  --font-display: 'Playfair Display', serif;
  --font-body: 'Poppins', sans-serif;
  --font-sans: 'Poppins', sans-serif;
  --font-family-heading: 'Playfair Display', serif;
  --font-family-body: 'Poppins', sans-serif;
  --font-family-sans: 'Poppins', sans-serif;
}

*,
body,
button,
input,
select,
textarea,
p,
span,
a,
label,
li,
td,
th,
div {
  font-family: 'Poppins', sans-serif;
}

/* Playfair Display: Hero Titles, Main Headings (H1–H3), Section Titles, Banner Titles, Featured Product Titles, Blog Titles, Page Titles */
h1,
h2,
h3,
.hero-title,
#hero-content h1,
.section-title,
.section-title-wrap h2,
.category-hero-title,
.banner-frame h1,
.tsc-page-banner h1,
.page-title,
.blog-title,
.tsc-blog-card-title,
.featured-title,
#featured-art-title,
#gift-title,
#gift-content h2,
.display-heading,
.font-display,
.playfair {
  font-family: 'Playfair Display', serif !important;
}

/* Poppins: Navigation, Body Text, Buttons, Forms, Product Information, Cards, Tables, Footer, Labels, Price, Meta Information, Admin UI */
h4,
h5,
h6,
.nav-link,
#top-nav-left a,
.top-nav-links a,
.nav-action,
.cat-nav-item,
.mobile-menu-item,
.hero-btn,
.btn,
.btn-primary,
.btn-secondary,
.btn-tsc-gold,
.btn-tsc-outline,
.form-control,
.form-select,
.form-label,
.price,
.card-price,
#featured-art-price,
.small-product-actions .price,
.tsc-product-info .price,
.badge,
.tsc-badge-bestseller,
.best-seller-badge,
.table,
.table th,
.table td,
#footer,
.footer-col-title,
.footer-links a,
#footer-tagline,
#footer-brand-tagline,
.admin-ui,
.poppins {
  font-family: 'Poppins', sans-serif !important;
}