/**
 * Gut Shot Design Tokens ("Card Room" Direction)
 * Reference: website/design/README.md & Card Room UI Kit
 */

:root {
	/* Colors */
	--gs-midnight: #0D1B2A;
	--gs-paper: #FBF7EE;
	--gs-linen: #F3ECDD;
	--gs-card: #FFFFFF;
	--gs-felt: #23936A;
	--gs-felt-deep: #1C7354;
	--gs-marigold: #F2B533;
	--gs-vermilion: #EE5A36;
	--gs-vermilion-deep: #B7401F;
	--gs-sky: #7DB9EE;
	--gs-lagoon: #2AA6A0;
	--gs-highlight: #F7D98A;
	--gs-ink-2: #3A4655;
	--gs-muted: #5A6472;
	--gs-rule: #E2DACA;
	--gs-parchment: #E4CFA0;
	--gs-brass: #A8833A;
	--gs-placeholder-dark: #1A2B40;
	--gs-placeholder-dark-alt: #213650;

	/* Typography */
	--gs-font-display: 'Alfa Slab One', Georgia, serif;
	--gs-font-body: 'Literata', Georgia, serif;
	--gs-font-mono: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

	/* Font Sizes & Line Heights */
	--gs-text-display: 56px;
	--gs-lh-display: 1.02;
	--gs-text-h1: 48px;
	--gs-lh-h1: 1.05;
	--gs-text-h2: 32px;
	--gs-lh-h2: 1.15;
	--gs-text-h3: 20px;
	--gs-lh-h3: 1.25;
	--gs-text-transcript: 19px;
	--gs-lh-transcript: 1.65;
	--gs-text-body: 16px;
	--gs-lh-body: 1.55;
	--gs-text-ui: 13px;
	--gs-lh-ui: 1.4;
	--gs-text-tag: 11px;
	--gs-lh-tag: 1.2;

	/* Border Radius */
	--gs-radius-tag: 3px;
	--gs-radius-inset: 6px;
	--gs-radius-media: 8px;
	--gs-radius-card: 12px;
	--gs-radius-panel: 14px;
	--gs-radius-pill: 999px;

	/* Spacing Scale */
	--gs-space-4: 4px;
	--gs-space-8: 8px;
	--gs-space-12: 12px;
	--gs-space-16: 16px;
	--gs-space-20: 20px;
	--gs-space-24: 24px;
	--gs-space-28: 28px;
	--gs-space-40: 40px;
	--gs-space-48: 48px;
	--gs-space-56: 56px;
	--gs-space-72: 72px;

	/* Layout */
	--gs-container-max: 1280px;
	--gs-gutter: 48px;

	/* Borders & Shadows */
	--gs-border-card: 2px solid var(--gs-midnight);
	--gs-border-subtle: 1px solid var(--gs-rule);
	--gs-shadow-marigold: 6px 6px 0 var(--gs-marigold);
	--gs-shadow-vermilion: 6px 6px 0 var(--gs-vermilion);
	--gs-shadow-portrait: 8px 8px 0 var(--gs-marigold);
	--gs-shadow-card-hover: 0 10px 0 -4px var(--gs-midnight);
	--gs-shadow-hero-card: 0 10px 28px rgba(0, 0, 0, 0.25);

	/* Transitions */
	--gs-transition-fast: 150ms ease;
	--gs-transition-base: 200ms ease;
}