@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@600;700;800&family=JetBrains+Mono:wght@500;700&family=Manrope:wght@400;500;700&family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap");

:root {
	--timwa-color-surface: #131313;
	--timwa-color-surface-glass: rgba(19, 19, 19, 0.6);
	--timwa-color-surface-container-lowest: #0e0e0e;
	--timwa-color-surface-container-low: #1c1b1b;
	--timwa-color-background: #131313;
	--timwa-color-on-background: #e5e2e1;
	--timwa-color-on-surface: #e5e2e1;
	--timwa-color-on-surface-variant: #d1c5b5;
	--timwa-color-primary: #e6c183;
	--timwa-color-primary-container: #c5a368;
	--timwa-color-on-primary: #422d00;
	--timwa-color-border-soft: rgba(255, 255, 255, 0.1);
	--timwa-color-shadow: rgba(0, 0, 0, 0.3);
	--timwa-color-glass-card: rgba(26, 26, 26, 0.6);
	--timwa-color-primary-faint: rgba(230, 193, 131, 0.2);
	--timwa-color-primary-wash: rgba(230, 193, 131, 0.05);
	--timwa-color-muted-marker: rgba(209, 197, 181, 0.4);
	--timwa-font-display: "Hanken Grotesk", Arial, sans-serif;
	--timwa-font-body: "Manrope", Arial, sans-serif;
	--timwa-font-label: "JetBrains Mono", Consolas, monospace;
	--timwa-container-max: 1280px;
	--timwa-gutter-desktop: 64px;
	--timwa-gutter-mobile: 24px;
	--timwa-grid-gutter: 32px;
	--timwa-section-gap: 160px;
}