/* Fundside design tokens. Change the look here; theme.css only references these. */
:root {
	/* Color */
	--fs-ink: #0f172a;          /* headings */
	--fs-text: #1f2937;         /* body */
	--fs-muted: #4b5563;        /* secondary text, 7:1 on white */
	--fs-line: #e5e7eb;         /* hairlines */
	--fs-line-strong: #cbd5e1;  /* inputs, outlines */
	--fs-bg: #ffffff;
	--fs-bg-subtle: #f6f7f9;
	--fs-navy: #0f1b2d;         /* header, hero, primary buttons */
	--fs-navy-line: #22324a;
	--fs-navy-text: #cbd5e1;    /* secondary text on navy */
	--fs-accent: #0b5d4b;       /* pay, links, verified badge */
	--fs-accent-hover: #08443a;
	--fs-accent-tint: #e7f2ef;
	--fs-mint: #7fd1bc;         /* CTA on navy */

	/* Type */
	--fs-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--fs-font-display: "Inter Tight", "Inter", system-ui, sans-serif;
	--fs-size-hero: clamp(2.1rem, 1.2rem + 3.2vw, 3.25rem);
	--fs-size-h1: clamp(1.9rem, 1.3rem + 2vw, 2.5rem);
	--fs-size-h2: 1.375rem;

	/* Shape & space */
	--fs-radius: 6px;
	--fs-radius-lg: 8px;
	--fs-container: 1240px;
	--fs-gutter: 2rem;
}