:root {
	--kurasa-ink: #10221f;
	--kurasa-evergreen: #126b57;
	--kurasa-gold: #f6b916;
	--kurasa-coral: #f0654b;
	--kurasa-cream: #fcfaf5;
	--kurasa-mint: #e5f4ee;
	--kurasa-sand: #fff3d6;
	--kurasa-slate: #61716b;
	--kurasa-border: #dce4de;
	--kurasa-white: #ffffff;
	--kurasa-evergreen-deep: #0d4f40;

	--font-brand: "Manrope", Arial, sans-serif;
	--font-display: "DM Serif Display", Georgia, serif;

	--krs-ink: var(--kurasa-ink);
	--krs-green: var(--kurasa-evergreen);
	--krs-green-dark: var(--kurasa-evergreen-deep);
	--krs-green-soft: #c6e6d9;
	--krs-mint: var(--kurasa-mint);
	--krs-sand: var(--kurasa-sand);
	--krs-gold: var(--kurasa-gold);
	--krs-coral: var(--kurasa-coral);
	--krs-bg: var(--kurasa-cream);
	--krs-muted: var(--kurasa-slate);
	--krs-line: var(--kurasa-border);
	--krs-white: var(--kurasa-white);
	--krs-card: var(--kurasa-white);
	--krs-danger: #9b3b2e;
	--krs-font: var(--font-brand);
	--krs-ink-soft: #1a332e;

	--krs-wrap: 1180px;
	--krs-narrow: 680px;
	--krs-gutter: 1.5rem;
	--krs-radius: 0;
	--krs-radius-sm: 0;
	--krs-radius-pill: 0;
	--krs-header: 4.75rem;
	--krs-shadow: none;
	--krs-ease: 180ms ease;
}

@media (min-width: 768px) {
	:root {
		--krs-gutter: 2.5rem;
	}
}