:root{--navy:211 92% 15%;--navy-light:211 70% 25%;--teal:213 71% 67%;--teal-light:213 75% 85%;--warm:213 60% 97%;--coral:12 60% 62%;--background:0 0% 100%;--foreground:211 92% 15%;--card:0 0% 100%;--primary:213 71% 67%;--primary-foreground:0 0% 100%;--secondary:213 60% 96%;--muted-foreground:211 30% 28%;--accent:12 60% 62%;--accent-foreground:0 0% 100%;--border:213 30% 90%;--card-shadow:0 4px 24px -4px hsl(var(--navy) / 0.08);--card-shadow-hover:0 12px 40px -8px hsl(var(--navy) / 0.18);--font-heading:'Roboto', sans-serif;--font-body:'Roboto', sans-serif;--radius:0.75rem}