:root {
  --background: 42 40% 96%;
  --foreground: 222 36% 13%;
  --primary: 174 72% 33%;
  --primary-foreground: 0 0% 100%;
  --secondary: 35 92% 58%;
  --secondary-foreground: 222 36% 13%;
  --muted: 42 22% 88%;
  --muted-foreground: 220 14% 42%;
  --destructive: 2 72% 52%;
  --destructive-foreground: 0 0% 100%;
  --border: 42 24% 82%;
  --card: 0 0% 100%;
  --shadow-sm: 0 6px 16px hsl(222 36% 13% / 0.08);
  --shadow-md: 0 14px 34px hsl(222 36% 13% / 0.12);
  --shadow-lg: 0 24px 60px hsl(222 36% 13% / 0.18);
  --transition-fast: 150ms ease;
  --transition-smooth: 260ms cubic-bezier(.2,.8,.2,1);
  --radius-sm: 0.65rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
}
.dark {
  --background: 220 35% 9%;
  --foreground: 42 32% 94%;
  --primary: 174 68% 45%;
  --primary-foreground: 220 35% 9%;
  --secondary: 35 88% 62%;
  --secondary-foreground: 220 35% 9%;
  --muted: 220 24% 18%;
  --muted-foreground: 42 18% 70%;
  --destructive: 2 72% 58%;
  --destructive-foreground: 0 0% 100%;
  --border: 220 22% 24%;
  --card: 220 30% 13%;
}
* { box-sizing: border-box; }
body { margin: 0; background: hsl(var(--background)); color: hsl(var(--foreground)); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
.focus-ring:focus { outline: 3px solid hsl(var(--primary) / .32); outline-offset: 2px; }
.glass-card { background: hsl(var(--card) / .88); border: 1px solid hsl(var(--border)); box-shadow: var(--shadow-md); backdrop-filter: blur(16px); }
.hero-orb { background: radial-gradient(circle at 30% 30%, hsl(var(--secondary)), hsl(var(--primary))); filter: blur(2px); }
/* Paste any existing CSS from your old Lost and Found website below this line. */