:root{--color-river:#234253;--color-city:#ff4f55;--color-sky:#72d1f6;--color-pathway:#606969;--color-pathway-mid:#afb4b4;--color-pathway-light:#dfe1e1;--color-light:#f7f7f7;--color-dark:#333;--color-white:#fff;--color-harbor-green:#e8f5e3;--color-harbor-green-text:#2d6a3f;--color-harbor-amber:#fff3dc;--color-harbor-amber-text:#8a6214;--color-harbor-red:#fdeaeb;--color-harbor-red-text:#a83240;--color-harbor-blue:#e4f1fa;--color-harbor-blue-text:#1e5f8e;--color-harbor-purple:#f0e8f8;--color-harbor-purple-text:#5c3d8f;--color-harbor-teal:#e2f3f0;--color-harbor-teal-text:#1f6b5e;--color-current-deep:#234253;--color-current-cove:#316d8e;--color-current-tide:#3f5492;--color-current-dusk:#564f95;--color-current-haze:#734d93;--color-current-ember:#914b91;--color-current-flare:#a24e89;--color-current-crest:#b2537a;--color-current-shoal:#cc5c6d;--color-current-helm:#ed696e;--color-depths-100:#ebf2f6;--color-depths-200:#c4d8e4;--color-depths-300:#8fb5c9;--color-depths-400:#5a91ae;--color-depths-500:#376e8a;--color-depths-600:#234253;--color-depths-700:#152c38;--color-drift-cool:#edf4f8;--color-drift-blush:#fdf0f0;--color-drift-mint:#ecf6f2;--color-drift-lavender:#f2eff8;--color-compass-cool-3:#3b7a99;--color-compass-cool-2:#6aadbe;--color-compass-cool-1:#a8d5de;--color-compass-neutral:#e8e3de;--color-compass-warm-1:#ebbfb4;--color-compass-warm-2:#d98e82;--color-compass-warm-3:#c45b56;--font-primary:"Work Sans",sans-serif;--weight-extralight:200;--weight-light:300;--weight-regular:400;--weight-semibold:600;--weight-medium:500;--weight-bold:700;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.5rem;--text-xl:2.25rem;--text-2xl:3rem;--text-display:2.5rem;--leading-tight:0.95;--leading-snug:1.0;--leading-normal:1.15;--leading-relaxed:1.4;--leading-loose:1.5;--tracking-tight:-0.02em;--tracking-snug:-0.01em;--tracking-normal:0;--tracking-wide:0.1em;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-card:0 2px 8px rgba(35,66,83,.08);--shadow-card-hover:0 4px 16px rgba(35,66,83,.14);--transition-fast:0.15s ease;--transition-base:0.2s ease;--sidebar-width:280px;--content-max-width:960px;--topbar-height:60px;--container-narrow:720px;--container-default:960px;--container-wide:1200px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--z-base:1;--z-sticky:100;--z-overlay:900;--z-modal:1000;--z-toast:1100}