/**
 * Sidequest v2 landing tokens — design-reference/design.md
 * Enqueued before experience-specific landing CSS.
 */

:root {
	/* Core */
	--core-cocoa: #3a1b12;
	--core-cream: #fbeedc;
	--core-cream-2: #f6e2c2;
	--core-paper: #ffffff;
	--core-cocoa-70: #643b30;
	--core-cocoa-50: #9e776a;
	--core-cocoa-20: #e3d3cb;
	--core-cocoa-12: #eee2d8;
	--sq-error: #d44a2e;
	--sq-success: #1fa86c;

	/* Stamp shadows */
	--shadow-stamp-soft: 2px 2px 0 var(--core-cocoa);
	--shadow-stamp: 4px 4px 0 var(--core-cocoa);
	--shadow-stamp-deep: 6px 6px 0 var(--core-cocoa);

	/* Spacing */
	--space-xs: 4px;
	--space-sm: 8px;
	--space-md: 16px;
	--space-lg: 24px;
	--space-xl: 32px;
	--space-2xl: 40px;
	--space-3xl: 56px;
	--space-4xl: 72px;
	--space-5xl: 90px;
	--space-6xl: 120px;
	--sq-gutter-desktop: 56px;
	--sq-gutter-tablet: 24px;
	--sq-gutter-mobile: 24px;
	--container-max: 1240px;
	--container-max-wide: 1480px;
	--reading-max: 640px;

	/* Radius */
	--radius-sm: 7px;
	--radius-md: 12px;
	--radius-lg: 18px;
	--radius-xl: 22px;
	--radius-pill: 999px;

	/* Typography stacks */
	--font-display: "Fraunces", Georgia, "Times New Roman", serif;
	--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-mono: ui-monospace, "SF Mono", Menlo, monospace;

	/* Parent / homepage defaults (no experience accent) */
	--accent: var(--core-cocoa);
	--accent-muted: #643b30;
	--accent-vivid: var(--core-cocoa);
	--support: var(--core-cocoa-20);
	--on-accent: var(--core-cream);
	--text-accent: var(--core-cocoa-70);
}

/* Experience accent bindings */
.sq-weekenders {
	--accent: #f4a261;
	--accent-muted: #f0b98d;
	--accent-vivid: #ff9a3d;
	--support: #f4b6b6;
	--on-accent: #3a1b12;
	--text-accent: #a04d1a;
}

.sq-quests {
	--accent: #ec6151;
	--accent-muted: #d87e72;
	--accent-vivid: #ff5443;
	--support: #d88560;
	--on-accent: #3a1b12;
	--text-accent: #b83a2e;
}

.sq-challenges {
	--accent: #2ea89a;
	--accent-muted: #7cb8ae;
	--accent-vivid: #00c2a8;
	--support: #e8d14f;
	--on-accent: #3a1b12;
	--text-accent: #1a6e64;
}

.sidequest-epics {
	--accent: #6b4773;
	--accent-muted: #5d3f66;
	--accent-vivid: #4a2b5b;
	--support: #b7a6d4;
	--on-accent: #fbeedc;
	--text-accent: #6b4773;
}

/* Gapless pattern sections */
.wp-site-blocks > .sidequest-landing-section-gapless {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}

.sidequest-landing-section-gapless {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Shared focus */
.sidequest-landing-patterns :where(a, button, .wp-block-button__link):focus-visible {
	outline: 2px solid var(--core-cocoa);
	outline-offset: 3px;
}