:root {
  /* Modern Clean Ocean Theme */
  --background: oklch(0.9851 0.0047 195.7686);
  --foreground: oklch(0.1448 0.0237 237.6945);
  --card: oklch(1.0000 0 0);
  --card-foreground: oklch(0.1448 0.0237 237.6945);
  --popover: oklch(1.0000 0 0);
  --popover-foreground: oklch(0.1448 0.0237 237.6945);
  --primary: oklch(0.4845 0.1411 237.1058);
  --primary-foreground: oklch(1.0000 0 0);
  --secondary: oklch(0.7234 0.0847 195.7686);
  --secondary-foreground: oklch(0.1448 0.0237 237.6945);
  --muted: oklch(0.9702 0.0047 195.7686);
  --muted-foreground: oklch(0.5486 0.0118 237.6945);
  --accent: oklch(0.6234 0.1523 195.7686);
  --accent-foreground: oklch(1.0000 0 0);
  --destructive: oklch(0.5830 0.2387 28.4765);
  --destructive-foreground: oklch(1.0000 0 0);
  --border: oklch(0.9219 0.0047 195.7686);
  --input: oklch(0.9219 0.0047 195.7686);
  --ring: oklch(0.4845 0.1411 237.1058);
  --chart-1: oklch(0.4845 0.1411 237.1058);
  --chart-2: oklch(0.6234 0.1523 195.7686);
  --chart-3: oklch(0.7234 0.0847 195.7686);
  --chart-4: oklch(0.5645 0.1234 215.7686);
  --chart-5: oklch(0.3845 0.1811 257.1058);
  --sidebar: oklch(0.9851 0.0047 195.7686);
  --sidebar-foreground: oklch(0.1448 0.0237 237.6945);
  --sidebar-primary: oklch(0.4845 0.1411 237.1058);
  --sidebar-primary-foreground: oklch(1.0000 0 0);
  --sidebar-accent: oklch(0.6234 0.1523 195.7686);
  --sidebar-accent-foreground: oklch(1.0000 0 0);
  --sidebar-border: oklch(0.9219 0.0047 195.7686);
  --sidebar-ring: oklch(0.4845 0.1411 237.1058);
  
  /* Typography */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-serif: 'Merriweather', Georgia, serif;
  --font-mono: 'JetBrains Mono', monospace;
  
  /* Border radius */
  --radius: 0.75rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  
  /* Shadows - Ocean inspired soft shadows */
  --shadow-2xs: 0 1px 2px 0px rgba(59, 130, 246, 0.05);
  --shadow-xs: 0 1px 3px 0px rgba(59, 130, 246, 0.1);
  --shadow-sm: 0 1px 3px 0px rgba(59, 130, 246, 0.1), 0 1px 2px -1px rgba(59, 130, 246, 0.1);
  --shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.1), 0 2px 4px -1px rgba(59, 130, 246, 0.06);
  --shadow-md: 0 10px 15px -3px rgba(59, 130, 246, 0.1), 0 4px 6px -2px rgba(59, 130, 246, 0.05);
  --shadow-lg: 0 20px 25px -5px rgba(59, 130, 246, 0.1), 0 10px 10px -5px rgba(59, 130, 246, 0.04);
  --shadow-xl: 0 25px 50px -12px rgba(59, 130, 246, 0.25);
  --shadow-2xl: 0 25px 50px -12px rgba(59, 130, 246, 0.25);
  
  /* Letter spacing */
  --tracking-normal: 0em;
  --tracking-tight: -0.025em;
  --tracking-wide: 0.025em;
  
  /* Spacing */
  --spacing: 0.25rem;
}