/**
 * Intrinsic Blue — Typography
 * Fonts: Cormorant Garamond (display/script headings), Jost (body/UI).
 * Loaded from Google Fonts via @import here; if performance profiling
 * later flags this, swap to self-hosted + wp_enqueue_style in functions.php.
 */

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

body,
.woocommerce {
	font-family: var(--ib-font-body);
	color: var(--ib-text-secondary);
	background-color: var(--ib-bg-page);
	font-weight: 400;
	line-height: 1.6;
}

/* Script/italic display headings — used for page titles like
   "Shop Our Collection", "Your Sacred Cart", "Thank You for Your Order" */
.ib-heading-display {
	font-family: var(--ib-font-display);
	font-style: italic;
	font-weight: 500;
	color: var(--ib-text-primary);
	line-height: 1.15;
	margin: 0 0 var(--ib-space-4);
}

.ib-heading-display--lg {
	font-size: clamp(32px, 4vw, 48px);
}

.ib-heading-display--md {
	font-size: clamp(24px, 3vw, 32px);
}

.ib-heading-display--sm {
	font-size: clamp(20px, 2.4vw, 24px);
}

/* Standard UI headings (section labels, product titles) use Jost, not the script face */
.ib-heading-ui {
	font-family: var(--ib-font-body);
	font-weight: 600;
	color: var(--ib-text-primary);
	line-height: 1.3;
}

p {
	color: var(--ib-text-secondary);
	margin: 0 0 var(--ib-space-4);
}

a {
	color: var(--ib-accent-end);
	text-decoration: none;
	transition: color var(--ib-transition-fast);
}

a:hover {
	color: var(--ib-text-primary);
}

.ib-eyebrow {
	font-family: var(--ib-font-body);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ib-accent-end);
}

.ib-text-muted {
	color: var(--ib-text-muted);
}

/* Astra's content wrappers inherit the approved page canvas. */
#page,
.site,
.site-content,
.ast-separate-container,
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.woocommerce-page .site-content,
.woocommerce-page .ast-container,
.woocommerce-page #primary,
.woocommerce-page .site-main {
	background-color: #0A0C16;
}