/**
 * Iola Gazette design tokens — measured from gazet.brightthemes.com
 * (Tailwind v4, --spacing: 0.25rem).
 *
 * Scoped under .iola-gazette and each block root. Inherits Kadence fonts
 * unless .iola-gazette--gazet-font is set (Newsreader).
 */

:is(
	.iola-gazette,
	.wp-block-iola-category-section,
	.wp-block-iola-post-carousel,
	.wp-block-iola-share,
	.wp-block-iola-newsletter-signup,
	.wp-block-iola-post-lede,
	.wp-block-iola-about-intro,
	.wp-block-iola-writers-grid,
	.wp-block-iola-person-card,
	.wp-block-iola-cta-band,
	.wp-block-iola-promo-strip,
	.wp-block-iola-partners-row,
	.wp-block-iola-marketplace-archive,
	.wp-block-iola-marketplace-listing,
	.wp-block-iola-yesterdays-top-stories,
	.wp-block-iola-top-stories,
	.wp-block-iola-recent-videos,
	.wp-block-iola-newsletter-videos,
	.wp-block-iola-article-end,
	.iola-contact-pattern,
	.iola-powers-pattern
) {
	/* —— Color (Gazet --color-*) —— */
	--iola-max-width: 75rem; /* --container-site: 1200px */
	--iola-brand: var(--global-palette1, #088ccb);
	--iola-btn-primary: var(--global-palette1);
	--iola-btn-primary-hover: var(--global-palette5, color-mix(in srgb, var(--global-palette1) 88%, #000 12%));
	--iola-btn-on-primary: var(--global-palette9, #ffffff);
	--iola-text: #0d0d0d;
	--iola-text-muted: color-mix(in srgb, var(--iola-text) 80%, #ffffff 20%);
	--iola-bg: #ffffff;
	--iola-bg-tone: color-mix(in srgb, var(--iola-bg) 98%, var(--iola-text) 3%);
	--iola-border: #0d0d0d;
	--iola-border-soft: color-mix(in srgb, var(--iola-border) 10%, var(--iola-bg) 90%);
	/* Homepage gray band + column rule (Register Top Stories row) */
	--iola-bg-band: #f4f5f5;
	--iola-rule: #c7c7c7;
	--iola-text-list: #232424;

	/* —— Type —— */
	--iola-font-heading: var(--global-heading-font-family, inherit);
	--iola-font-body: var(--global-body-font-family, inherit);
	--iola-font-ui: var(--global-body-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
	/* Theme display (Castoro on Register) — use for story/recirc titles */
	--iola-font-display: var(--global-heading-font-family, Georgia, "Times New Roman", serif);
	/* List numerals and bullets (Register uses Overpass) */
	--iola-font-numeral: Overpass, var(--iola-font-ui);

	--iola-weight-headings: 500;
	--iola-weight-medium: 500;
	--iola-weight-semibold: 600;
	--iola-weight-bold: 700;
	--iola-weight-section: calc(var(--iola-weight-headings) + 100);

	/*
	 * Mobile type scale — measured from gazet.brightthemes.com @390px
	 * (Tailwind text-xl / text-lg / text-base / text-2xl). Font families stay
	 * on Register (Castoro + Source Sans); only size/weight/leading match Gazet.
	 */
	--iola-size-hero-title: 1.25rem;       /* 20px — Gazet h1 text-xl */
	--iola-lh-hero-title: 1.75rem;         /* 28px */
	--iola-size-hero-excerpt: 1rem;        /* 16px — Gazet text-base dek */
	--iola-lh-hero-excerpt: 1.5rem;
	--iola-size-featured-title: 1.125rem;  /* 18px — Gazet text-lg */
	--iola-lh-featured-title: 1.40625rem;  /* ~22.5px, leading-tight */
	--iola-size-featured-title-lg: 1.875rem;
	--iola-size-list-title: 1rem;          /* 16px — Gazet text-base cards */
	--iola-lh-list-title: 1.15;
	--iola-size-carousel-title: 1.125rem;
	--iola-lh-carousel-title: 1.35;
	--iola-size-excerpt: 1rem;
	--iola-lh-excerpt: 1.5rem;
	--iola-size-meta: 0.8rem;              /* 12.8px */
	--iola-lh-meta: 1.25;
	--iola-size-category: 0.8rem;          /* 12.8px uppercase label */
	--iola-size-see-all: 0.75rem;
	--iola-size-section-title: 1.5rem;     /* 24px — Gazet text-2xl */
	--iola-size-section-title-md: 1.875rem;
	--iola-size-section-title-lg: 2.25rem;
	--iola-lh-section-title: 1;
	--iola-section-title-offset: -0.25rem;

	/* —— Spacing scale (Gazet --spacing: 0.25rem) —— */
	--iola-space-1: 0.25rem;   /* 4px  — gap-1 */
	--iola-space-1_5: 0.375rem; /* 6px  — py-1.5 */
	--iola-space-2: 0.5rem;    /* 8px  — gap-2 */
	--iola-space-2_5: 0.625rem; /* 10px — gap-2.5, mr-2.5, px-2.5 */
	--iola-space-4: 1rem;      /* 16px — gap-4, p-4 */
	--iola-space-5: 1.25rem;   /* 20px — gap-5, px-5 */
	--iola-space-6: 1.5rem;    /* 24px — gap-6, mb-6, py-6, px-6 */
	--iola-space-8: 2rem;      /* 32px — gap-8 */
	--iola-space-12: 3rem;     /* 48px — mt-12, my-12 */
	--iola-space-20: 5rem;     /* 80px — mt-20 */

	/* —— Semantic spacing —— */
	--iola-pad-x: var(--iola-space-5);
	--iola-pad-x-sm: var(--iola-space-6);
	--iola-pad-section-head: var(--iola-space-6);
	--iola-pad-band: var(--iola-space-6);
	--iola-pad-card: var(--iola-space-5);
	--iola-pad-title-rule: var(--iola-space-2_5);
	--iola-pad-see-all: var(--iola-space-1_5) var(--iola-space-2_5) var(--iola-space-1_5) var(--iola-space-4);

	--iola-gap-hero: var(--iola-space-6);
	--iola-gap-section-sm: var(--iola-space-12);
	--iola-gap-section: var(--iola-space-20);
	--iola-gap-band: 3.75rem; /* homepage band top/bottom margin (60px) */
	--iola-gap-grid: var(--iola-space-5);
	--iola-gap-card: var(--iola-space-4);
	--iola-gap-text: var(--iola-space-2_5);
	--iola-gap-list: var(--iola-space-4);
	--iola-gap-carousel: var(--iola-space-6);

	--iola-carousel-card-width: 16.5rem;
}

.iola-gazette--gazet-font,
.iola-gazette--gazet-font.iola-gazette,
.iola-gazette--gazet-font.wp-block-iola-category-section,
.iola-gazette--gazet-font.wp-block-iola-post-carousel,
.iola-gazette--gazet-font.wp-block-iola-share,
.iola-gazette--gazet-font.wp-block-iola-newsletter-signup,
.iola-gazette--gazet-font.wp-block-iola-post-lede,
.iola-gazette--gazet-font.wp-block-iola-about-intro,
.iola-gazette--gazet-font.wp-block-iola-writers-grid,
.iola-gazette--gazet-font.wp-block-iola-person-card,
.iola-gazette--gazet-font.wp-block-iola-cta-band,
.iola-gazette--gazet-font.wp-block-iola-promo-strip,
.iola-gazette--gazet-font.wp-block-iola-partners-row,
.iola-gazette--gazet-font.wp-block-iola-marketplace-archive,
.iola-gazette--gazet-font.wp-block-iola-marketplace-listing,
.iola-gazette--gazet-font.wp-block-iola-yesterdays-top-stories,
.iola-gazette--gazet-font.wp-block-iola-top-stories,
.iola-gazette--gazet-font.wp-block-iola-recent-videos,
.iola-gazette--gazet-font.wp-block-iola-newsletter-videos,
.iola-gazette--gazet-font.wp-block-iola-article-end {
	--iola-font-heading: "Newsreader", Georgia, "Times New Roman", serif;
	--iola-font-body: "Newsreader", Georgia, "Times New Roman", serif;
}

/* sm: px-6, text-sm category / see-all, card pad p-6 */
@media (min-width: 640px) {
	:is(
		.iola-gazette,
		.wp-block-iola-category-section,
		.wp-block-iola-post-carousel,
		.wp-block-iola-share,
		.wp-block-iola-newsletter-signup,
		.wp-block-iola-post-lede,
		.wp-block-iola-about-intro,
		.wp-block-iola-writers-grid,
		.wp-block-iola-person-card,
		.wp-block-iola-cta-band,
		.wp-block-iola-promo-strip,
		.wp-block-iola-partners-row,
		.wp-block-iola-marketplace-archive,
		.wp-block-iola-marketplace-listing,
		.wp-block-iola-yesterdays-top-stories,
		.wp-block-iola-top-stories,
		.wp-block-iola-recent-videos,
		.wp-block-iola-newsletter-videos,
		.wp-block-iola-article-end,
		.iola-contact-pattern
	) {
		--iola-pad-x: var(--iola-pad-x-sm);
		--iola-pad-card: var(--iola-space-6);
		--iola-size-category: 0.875rem;
		--iola-size-see-all: 0.875rem;
	}
}

/* md: hero text-2xl, list thumb gap-8, carousel 18rem */
@media (min-width: 768px) {
	:is(
		.iola-gazette,
		.wp-block-iola-category-section,
		.wp-block-iola-post-carousel,
		.wp-block-iola-about-intro,
		.wp-block-iola-writers-grid,
		.wp-block-iola-person-card,
		.wp-block-iola-cta-band,
		.wp-block-iola-promo-strip,
		.wp-block-iola-partners-row,
		.wp-block-iola-marketplace-archive,
		.wp-block-iola-marketplace-listing,
		.iola-contact-pattern
	) {
		--iola-size-hero-title: 1.5rem;
		--iola-lh-hero-title: 2rem;
		--iola-size-section-title: var(--iola-size-section-title-md);
		--iola-gap-list: var(--iola-space-8);
		--iola-carousel-card-width: 18rem;
	}
}

/* lg: hero text-3xl, section title 36px, featured title 30px */
@media (min-width: 1024px) {
	:is(
		.iola-gazette,
		.wp-block-iola-category-section,
		.wp-block-iola-post-carousel,
		.wp-block-iola-about-intro,
		.wp-block-iola-writers-grid,
		.wp-block-iola-person-card,
		.wp-block-iola-cta-band,
		.wp-block-iola-promo-strip,
		.wp-block-iola-partners-row,
		.wp-block-iola-marketplace-archive,
		.wp-block-iola-marketplace-listing,
		.wp-block-iola-yesterdays-top-stories,
		.wp-block-iola-top-stories,
		.wp-block-iola-recent-videos,
		.wp-block-iola-newsletter-videos,
		.wp-block-iola-article-end,
		.iola-contact-pattern
	) {
		--iola-size-hero-title: 1.875rem;
		--iola-lh-hero-title: 2.25rem;
		--iola-size-section-title: var(--iola-size-section-title-lg);
		--iola-carousel-card-width: 19rem;
	}
}

/* xl: hero text-4xl 36/40 */
@media (min-width: 1280px) {
	:is(
		.iola-gazette,
		.wp-block-iola-category-section,
		.wp-block-iola-post-carousel,
		.wp-block-iola-about-intro,
		.wp-block-iola-writers-grid,
		.wp-block-iola-person-card,
		.wp-block-iola-cta-band,
		.wp-block-iola-promo-strip,
		.wp-block-iola-partners-row,
		.wp-block-iola-marketplace-archive,
		.wp-block-iola-marketplace-listing,
		.wp-block-iola-yesterdays-top-stories,
		.wp-block-iola-top-stories,
		.wp-block-iola-recent-videos,
		.wp-block-iola-newsletter-videos,
		.wp-block-iola-article-end,
		.iola-contact-pattern
	) {
		--iola-size-hero-title: 2.25rem;
		--iola-lh-hero-title: 2.5rem;
	}
}