/* ==========================================================================
   Design tokens — single source of global style values (Claude Design, 2026).
   Ported verbatim from the delivered home-styles.css :root. Everything else
   (base, header, footer, sections) consumes these variables. Re-skin here.
   ========================================================================== */

:root {
	--cyan: #18ADE7;
	--green: #62CF5F;
	--grad: linear-gradient(120deg, #18ADE7 0%, #3FC08A 55%, #62CF5F 100%);
	--grad-green: linear-gradient(120deg, #34BD6E 0%, #62CF5F 100%);
	--grad-soft: linear-gradient(120deg, rgba(24,173,231,0.12), rgba(98,207,95,0.12));
	--navy: #0F1B2D;
	--ink: #1A2433;
	--body: #3C4658;
	--muted: #6C6F74;
	--line: #E7EAEE;
	--line-soft: #EEF1F4;
	--bg: #FFFFFF;
	--bg-alt: #F6F9FB;
	--card: #FFFFFF;
	--radius: 14px;
	--radius-lg: 20px;
	--shadow-sm: 0 2px 4px rgba(15,27,45,0.06);
	--shadow: 0 10px 30px rgba(15,27,45,0.07);
	--shadow-lg: 0 24px 60px rgba(15,27,45,0.12);
	--maxw: 1440px;
	--gutter: 64px;
	--sans: 'Satoshi', 'Inter', -apple-system, system-ui, sans-serif;
	--body-font: 'Inter', -apple-system, system-ui, sans-serif;
}