/* Generated by tools/build-tokens.mjs from tokens.json — do not edit by hand. */

:root {
	color-scheme: light;
	--gs-bg: #F6F5F1;
	--gs-surface: #FFFFFF;
	--gs-surface-2: #E6E4DC;
	--gs-stripe: #EEECE6;
	--gs-line: #D4D1C7;
	--gs-ink: #1A1A1A;
	--gs-body: #3E3D39;
	--gs-muted: #595853;
	--gs-disabled: #8C8A83;
	--gs-yellow: #FFCC1F;
	--gs-on-yellow: #1A1A1A;
	--gs-yellow-soft: #FFF3C4;
	--gs-btn-bg: #1A1A1A;
	--gs-btn-fg: #FFCC1F;
	--gs-inverse-bg: #1A1A1A;
	--gs-inverse-fg: #F6F5F1;
	--gs-inverse-muted: #CFCCC2;
	--gs-inverse-line: #3A3A3A;
	--gs-open: #2E7D4F;
	--gs-open-bg: #2E7D4F;
	--gs-error: #B3261E;
	--gs-archive-bg: #EFE4CC;
	--gs-archive-panel: #E5D6B8;
	--gs-archive-ink: #3A2F1E;
	--gs-archive-rule: #6B5A3A;
	--gs-archive-line: #B8A57E;
	--gs-archive-stripe: #DCCBA8;
	--gs-archive-inverse: #3A2F1E;
	--gs-shadow: #1A1A1A;

	/* Raw palette (for the rare case a colour must not follow the theme) */
	--gs-raw-ink: #1A1A1A;
	--gs-raw-yellow: #FFCC1F;
	--gs-raw-white: #FFFFFF;

	--gs-font: 'Archivo', system-ui, sans-serif;

	--gs-max: 1280px;
	--gs-gutter: 24px;
	--gs-sidebar: 300px;
	--gs-filters: 230px;
	--gs-header-h: 88px;
	--gs-header-h-compact: 64px;

	--gs-rule: 1px;
	--gs-field: 2px;
	--gs-frame: 3px;

	--gs-ease: cubic-bezier(.2,.7,.2,1);
	--gs-ease-out: cubic-bezier(.4,0,1,1);
	--gs-fast: 120ms;
	--gs-medium: 200ms;
	--gs-slow: 320ms;
	--gs-narrative: 640ms;
	--gs-stagger: 40ms;

	--gs-focus: 0 0 0 3px #FFCC1F;
}

:root[data-theme="dark"] {
	color-scheme: dark;
	--gs-bg: #141413;
	--gs-surface: #1E1E1C;
	--gs-surface-2: #2A2A28;
	--gs-stripe: #252523;
	--gs-line: #3A3A37;
	--gs-ink: #F2F0EA;
	--gs-body: #CFCCC2;
	--gs-muted: #A8A59C;
	--gs-disabled: #77756E;
	--gs-yellow: #FFCC1F;
	--gs-on-yellow: #141413;
	--gs-yellow-soft: #2E2710;
	--gs-btn-bg: #FFCC1F;
	--gs-btn-fg: #141413;
	--gs-inverse-bg: #0A0A09;
	--gs-inverse-fg: #F2F0EA;
	--gs-inverse-muted: #A8A59C;
	--gs-inverse-line: #3A3A37;
	--gs-open: #6FCF97;
	--gs-open-bg: #1F5A38;
	--gs-error: #F28B82;
	--gs-archive-bg: #2B2519;
	--gs-archive-panel: #231E15;
	--gs-archive-ink: #D9C9A6;
	--gs-archive-rule: #9C8A66;
	--gs-archive-line: #4A4030;
	--gs-archive-stripe: #231E15;
	--gs-archive-inverse: #0C0B08;
	--gs-shadow: #F2F0EA;
}

/* Live palette inside an archive (sepia) page: the successor card, still-active neighbours. */
.gs-scope-live {
	--gs-bg: #F6F5F1;
	--gs-surface: #FFFFFF;
	--gs-surface-2: #E6E4DC;
	--gs-stripe: #EEECE6;
	--gs-line: #D4D1C7;
	--gs-ink: #1A1A1A;
	--gs-body: #3E3D39;
	--gs-muted: #595853;
	--gs-disabled: #8C8A83;
	--gs-yellow: #FFCC1F;
	--gs-on-yellow: #1A1A1A;
	--gs-yellow-soft: #FFF3C4;
	--gs-btn-bg: #1A1A1A;
	--gs-btn-fg: #FFCC1F;
	--gs-inverse-bg: #1A1A1A;
	--gs-inverse-fg: #F6F5F1;
	--gs-inverse-muted: #CFCCC2;
	--gs-inverse-line: #3A3A3A;
	--gs-open: #2E7D4F;
	--gs-open-bg: #2E7D4F;
	--gs-error: #B3261E;
	--gs-archive-bg: #EFE4CC;
	--gs-archive-panel: #E5D6B8;
	--gs-archive-ink: #3A2F1E;
	--gs-archive-rule: #6B5A3A;
	--gs-archive-line: #B8A57E;
	--gs-archive-stripe: #DCCBA8;
	--gs-archive-inverse: #3A2F1E;
	--gs-shadow: #1A1A1A;
}

:root[data-theme="dark"] .gs-scope-live {
	--gs-bg: #141413;
	--gs-surface: #1E1E1C;
	--gs-surface-2: #2A2A28;
	--gs-stripe: #252523;
	--gs-line: #3A3A37;
	--gs-ink: #F2F0EA;
	--gs-body: #CFCCC2;
	--gs-muted: #A8A59C;
	--gs-disabled: #77756E;
	--gs-yellow: #FFCC1F;
	--gs-on-yellow: #141413;
	--gs-yellow-soft: #2E2710;
	--gs-btn-bg: #FFCC1F;
	--gs-btn-fg: #141413;
	--gs-inverse-bg: #0A0A09;
	--gs-inverse-fg: #F2F0EA;
	--gs-inverse-muted: #A8A59C;
	--gs-inverse-line: #3A3A37;
	--gs-open: #6FCF97;
	--gs-open-bg: #1F5A38;
	--gs-error: #F28B82;
	--gs-archive-bg: #2B2519;
	--gs-archive-panel: #231E15;
	--gs-archive-ink: #D9C9A6;
	--gs-archive-rule: #9C8A66;
	--gs-archive-line: #4A4030;
	--gs-archive-stripe: #231E15;
	--gs-archive-inverse: #0C0B08;
	--gs-shadow: #F2F0EA;
}

/* Yellow surfaces (heroes, CTA bands) keep the light palette inside them in both themes. */
:root[data-theme="dark"] .gs-scope-light {
	color-scheme: light;
	--gs-bg: #F6F5F1;
	--gs-surface: #FFFFFF;
	--gs-surface-2: #E6E4DC;
	--gs-stripe: #EEECE6;
	--gs-line: #D4D1C7;
	--gs-ink: #1A1A1A;
	--gs-body: #3E3D39;
	--gs-muted: #595853;
	--gs-disabled: #8C8A83;
	--gs-yellow: #FFCC1F;
	--gs-on-yellow: #1A1A1A;
	--gs-yellow-soft: #FFF3C4;
	--gs-btn-bg: #1A1A1A;
	--gs-btn-fg: #FFCC1F;
	--gs-inverse-bg: #1A1A1A;
	--gs-inverse-fg: #F6F5F1;
	--gs-inverse-muted: #CFCCC2;
	--gs-inverse-line: #3A3A3A;
	--gs-open: #2E7D4F;
	--gs-open-bg: #2E7D4F;
	--gs-error: #B3261E;
	--gs-archive-bg: #EFE4CC;
	--gs-archive-panel: #E5D6B8;
	--gs-archive-ink: #3A2F1E;
	--gs-archive-rule: #6B5A3A;
	--gs-archive-line: #B8A57E;
	--gs-archive-stripe: #DCCBA8;
	--gs-archive-inverse: #3A2F1E;
	--gs-shadow: #1A1A1A;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--gs-fast: 0ms;
		--gs-medium: 0ms;
		--gs-slow: 0ms;
		--gs-narrative: 0ms;
		--gs-stagger: 0ms;
	}
}