:root {
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    
    --font-normal: 400;
    --font-semibold: 600;
    
    --font-xs: 0.75rem;      /* 12px / 11.25px */
    --font-sm: 0.875rem;     /* 14px / 13.125px */
    --font-base: 1rem;       /* 16px / 15px */
    --font-lg: 1.125rem;     /* 18px / 16.875px */
    --font-xl: 1.375rem;     /* 22px / 20.625px */
    --font-2xl: 1.75rem;     /* 28px / 26.25px */
    --font-3xl: 2.25rem;     /* 36px / 33.75px */
    --font-4xl: 3rem;        /* 48px / 45px */
    
    --leading-tight: 1.2;
    --leading-normal: 1.5;
    --leading-relaxed: 1.75;
    
    --tracking-tight: -0.025em;
    --tracking-normal: 0;
    --tracking-wide: 0.025em;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter-v20-latin-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter-v20-latin-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter-v20-latin-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}


html {
    font-size: 16px; 
}

@media (max-width: 768px) {
    html {
        font-size: 15px; 
    }
}

body {
    font-family: var(--font-primary);
    font-weight: var(--font-normal);
    font-size: var(--font-base);
    line-height: var(--leading-normal);
    letter-spacing: var(--tracking-normal);
    
    /* Font rendering optimization */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    

    font-feature-settings: 'kern' 1, 'liga' 1;
}


h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary);
    font-weight: var(--font-semibold);
    line-height: var(--leading-tight);
    margin-top: 0;
    margin-bottom: 0.5em;
}

h1 {
    font-size: var(--font-4xl);
    letter-spacing: var(--tracking-tight);
}

h2 {
    font-size: var(--font-3xl);
    letter-spacing: var(--tracking-tight);
}

h3 {
    font-size: var(--font-2xl);
}

h4 {
    font-size: var(--font-xl);
}

h5 {
    font-size: var(--font-lg);
}

h6 {
    font-size: var(--font-base);
    font-weight: var(--font-semibold);
}


p {
    margin-top: 0;
    margin-bottom: 1em;
}


.lead,
.entry-content > p:first-of-type {
    font-size: var(--font-lg);
    line-height: var(--leading-relaxed);
}


small,
.text-sm {
    font-size: var(--font-sm);
    letter-spacing: var(--tracking-wide);
}

.text-xs {
    font-size: var(--font-xs);
    letter-spacing: var(--tracking-wide);
}


strong,
b {
    font-weight: var(--font-semibold);
}


em,
i,
cite {
    font-style: italic;
}


code,
kbd,
samp,
pre {
    font-family: 'SF Mono', 'Monaco', 'Cascadia Code', 'Consolas', monospace;
    font-size: 0.9em;
}

a {
    font-weight: inherit;
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

a:hover {
    text-decoration: none;
}


button,
.button,
.btn,
.wp-element-button,
.wp-block-button__link,
input[type="submit"],
input[type="button"] {
    font-family: var(--font-primary);
    font-weight: var(--font-semibold);
    font-size: var(--font-base);
    line-height: var(--leading-normal);
    letter-spacing: var(--tracking-normal);
}


input,
textarea,
select {
    font-family: var(--font-primary);
    font-weight: var(--font-normal);
    font-size: var(--font-base);
    line-height: var(--leading-normal);
}


.woocommerce .woocommerce-loop-product__title,
.woocommerce .product_title,
.woocommerce-product-details__short-description {
    font-family: var(--font-primary);
}

.woocommerce .woocommerce-loop-product__title {
    font-size: var(--font-lg);
    font-weight: var(--font-semibold);
    line-height: var(--leading-tight);
}

.woocommerce .product_title {
    font-size: var(--font-3xl);
    font-weight: var(--font-semibold);
    line-height: var(--leading-tight);
}

.woocommerce .price,
.woocommerce .amount,
.woocommerce-Price-amount {
    font-family: var(--font-primary);
    font-weight: var(--font-semibold);
    font-feature-settings: 'tnum' 1; 
}


.woocommerce-product-details__short-description em,
.woocommerce-product-details__short-description i {
    font-style: italic; 
}


.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button {
    font-family: var(--font-primary);
    font-weight: var(--font-semibold);
    font-size: var(--font-base);
}


.wp-block-quote,
blockquote {
    font-size: var(--font-lg);
    font-style: italic; 
    line-height: var(--leading-relaxed);
}

.wp-block-quote cite {
    font-size: var(--font-sm);
    font-style: normal;
    font-weight: var(--font-semibold);
}


.wp-block-pullquote {
    font-size: var(--font-2xl);
    font-weight: var(--font-semibold);
    line-height: var(--leading-tight);
}



/* Font weights */
.font-normal { font-weight: var(--font-normal); }
.font-semibold { font-weight: var(--font-semibold); }

/* Font sizes */
.text-xs { font-size: var(--font-xs); }
.text-sm { font-size: var(--font-sm); }
.text-base { font-size: var(--font-base); }
.text-lg { font-size: var(--font-lg); }
.text-xl { font-size: var(--font-xl); }
.text-2xl { font-size: var(--font-2xl); }
.text-3xl { font-size: var(--font-3xl); }
.text-4xl { font-size: var(--font-4xl); }

/* Line heights */
.leading-tight { line-height: var(--leading-tight); }
.leading-normal { line-height: var(--leading-normal); }
.leading-relaxed { line-height: var(--leading-relaxed); }

/* Letter spacing */
.tracking-tight { letter-spacing: var(--tracking-tight); }
.tracking-normal { letter-spacing: var(--tracking-normal); }
.tracking-wide { letter-spacing: var(--tracking-wide); }



@media (max-width: 768px) {
    
    h1 {
        font-size: var(--font-3xl); 
    }
    
    h2 {
        font-size: var(--font-2xl); 
    }
    
    body {
        line-height: 1.6;
    }
}

@media (prefers-color-scheme: dark) {
    /* 
    body {
        font-weight: 450; // Slightly lighter for dark bg
    }
    
    h1, h2, h3, h4, h5, h6,
    strong, b {
        font-weight: 650; // Slightly lighter semibold
    }
    */
    
    /* Uncomment when implementing dark mode */
}


* {
    font-family: var(--font-primary) !important;
}


.dashicons,
#wpadminbar *,
code,
pre,
kbd,
samp {
    font-family: inherit !important;
}