/**
 * WJM — Kindled Book (product pages only)
 * Matches plugin brand: Midnight / Book Green / Spring / Paper
 * Type: Source Serif 4 (display) · Inter (UI)
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,500;8..60,600;8..60,700&display=swap');

body.wjm-site {
	--font-sans: 'Inter', system-ui, -apple-system, sans-serif;
	--font-serif: 'Source Serif 4', 'Source Serif Pro', Georgia, 'Times New Roman', serif;
	--default-font-family: var(--font-sans);

	--color-midnight: #001f3f;
	--color-book: #00804c;
	--color-book-dark: #00603a;
	--color-nuit: #00804c;
	--color-nuit-2: #00603a;
	--color-spring: #dbe64c;
	--color-ink: #0a1420;
	--color-paper: #f6f7ed;
	--color-cream: #f6f7ed;
	--color-muted: #5a6b7a;
	--color-muted-2: #8a93a0;
	--color-accent: #00804c;
	--color-line: color-mix(in srgb, #0a1420 10%, transparent);

	font-family: var(--font-sans);
	letter-spacing: -0.011em;
	-webkit-font-smoothing: antialiased;
	background-color: var(--color-paper);
	color: var(--color-ink);
}

body.wjm-site ::selection {
	background: color-mix(in srgb, var(--color-book) 18%, transparent);
}

body.wjm-site :focus-visible {
	outline-color: var(--color-book);
}

/* Display / titles — Source Serif */
body.wjm-site .argus-hero__title,
body.wjm-site .argus-page-open__title,
body.wjm-site .argus-tour-beat__title,
body.wjm-site .docs-h2,
body.wjm-site .docs-h3,
body.wjm-site .argus-beat__title,
body.wjm-site .argus-showcase__card-label,
body.wjm-site .argus-help-grid h3,
body.wjm-site .argus-next-links__label,
body.wjm-site .argus-defs dt,
body.wjm-site .argus-brand__name,
body.wjm-site h1,
body.wjm-site h2.section-title + h3,
body.wjm-site .argus-verdict__text {
	font-family: var(--font-serif);
	letter-spacing: -0.02em;
}

body.wjm-site .argus-brand__name {
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--color-midnight);
}

body.wjm-site .argus-brand__studio {
	color: var(--color-muted);
}

/* Links & accents — book green, not Shama nuit */
body.wjm-site .link,
body.wjm-site a.link {
	color: var(--color-book);
}

body.wjm-site .link:hover,
body.wjm-site a.link:hover {
	color: var(--color-book-dark);
}

body.wjm-site .nav-link.is-active,
body.wjm-site .nav-link[aria-current='page'],
body.wjm-site .nav-link.font-medium.text-ink {
	color: var(--color-midnight);
}

body.wjm-site .nav-link:hover {
	color: var(--color-book-dark);
}

body.wjm-site .argus-next-links a:hover {
	color: var(--color-book);
}

body.wjm-site .footer-links a:hover {
	color: var(--color-book);
}

/* Hero stage — Kindled Book midnight + spring CTA (matches plugin) */
body.wjm-site .argus-hero__stage {
	background: var(--color-midnight);
	border-color: color-mix(in srgb, #f6f7ed 12%, transparent);
	border-bottom: 3px solid var(--color-spring);
}

body.wjm-site .argus-hero__kicker {
	color: color-mix(in srgb, var(--color-spring) 85%, #f6f7ed);
}

body.wjm-site .argus-btn--on-dark {
	background: var(--color-spring);
	color: var(--color-midnight);
	font-family: var(--font-sans);
	font-weight: 600;
}

body.wjm-site .argus-btn--on-dark:hover {
	opacity: 0.92;
}

body.wjm-site .argus-link-on-dark {
	color: color-mix(in srgb, #f6f7ed 88%, transparent);
	text-decoration-color: color-mix(in srgb, var(--color-spring) 45%, transparent);
}

body.wjm-site .argus-link-on-dark:hover {
	color: #fff;
	text-decoration-color: var(--color-spring);
}

/* Film teaser / secondary dark blocks */
body.wjm-site .argus-film-teaser {
	background: var(--color-midnight);
	border-color: color-mix(in srgb, var(--color-book) 25%, var(--color-line));
	border-bottom: 2px solid var(--color-spring);
}

body.wjm-site .argus-film-teaser__play {
	background: var(--color-spring);
	color: var(--color-midnight);
	font-family: var(--font-sans);
}

/* Soft panels — paper tint with book green */
body.wjm-site .argus-help {
	background: color-mix(in srgb, var(--color-book) 5%, var(--color-paper));
	border-color: var(--color-line);
}

body.wjm-site .argus-showcase {
	background: linear-gradient(
		180deg,
		color-mix(in srgb, var(--color-book) 6%, var(--color-paper)),
		var(--color-paper) 32%
	);
}

body.wjm-site .argus-showcase__card:hover {
	border-color: color-mix(in srgb, var(--color-book) 35%, var(--color-line));
}

body.wjm-site .argus-showcase__card-num {
	color: var(--color-book);
}

body.wjm-site .argus-beat__num,
body.wjm-site .argus-tour-beat__num,
body.wjm-site .argus-page-open__kicker,
body.wjm-site .section-title {
	color: var(--color-book-dark);
	letter-spacing: 0.08em;
}

body.wjm-site .argus-verdict {
	background: color-mix(in srgb, var(--color-book) 7%, var(--color-paper));
	border-color: color-mix(in srgb, var(--color-book) 22%, var(--color-line));
	border-left: 3px solid var(--color-book);
}

body.wjm-site .argus-jump a:hover {
	color: var(--color-book-dark);
	background: color-mix(in srgb, var(--color-book) 8%, transparent);
}

body.wjm-site .callout {
	border-left: 3px solid var(--color-book);
	background: color-mix(in srgb, var(--color-book) 6%, var(--color-paper));
}

body.wjm-site .argus-code {
	background: color-mix(in srgb, var(--color-midnight) 4%, var(--color-paper));
	border-color: var(--color-line);
}

body.wjm-site .data-table td:first-child,
body.wjm-site .argus-api-table code {
	color: var(--color-midnight);
}

body.wjm-site .menu-toggle[aria-expanded='true'] {
	border-color: color-mix(in srgb, var(--color-book) 35%, var(--color-line));
	color: var(--color-book-dark);
}

/* Sticky header sits on Kindled paper */
body.wjm-site .site-header {
	background-color: var(--color-paper);
	border-bottom-color: var(--color-line);
}

body.wjm-site .mobile-nav {
	background-color: var(--color-paper);
}