/* Landing Page Theme - Light and Dark Mode Support */

:root {
  --radius: 0.625rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.147 0.004 49.25);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.147 0.004 49.25);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.147 0.004 49.25);
  --primary: oklch(0.216 0.006 56.043);
  --primary-foreground: oklch(0.985 0.001 106.423);
  --secondary: oklch(0.97 0.001 106.424);
  --secondary-foreground: oklch(0.216 0.006 56.043);
  --muted: oklch(0.97 0.001 106.424);
  --muted-foreground: oklch(0.553 0.013 58.071);
  --accent: oklch(0.97 0.001 106.424);
  --accent-foreground: oklch(0.216 0.006 56.043);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.923 0.003 48.717);
  --input: oklch(0.923 0.003 48.717);
  --ring: oklch(0.709 0.01 56.259);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
}

.dark {
  --background: #000000; /* Pure black for landing page dark mode */
  --foreground: oklch(0.98 0 0); /* Clean white foreground */
  --card: #1a1a1a; /* Very dark gray card background */
  --card-foreground: oklch(0.98 0 0);
  --popover: #1a1a1a; /* Very dark gray popover background */
  --popover-foreground: oklch(0.98 0 0);
  --primary: oklch(0.55 0.2 240); /* Brighter blue for better visibility */
  --primary-foreground: oklch(0.98 0 0);
  --secondary: oklch(0.4 0.003 180); /* Slightly lighter gray */
  --secondary-foreground: oklch(0.98 0 0);
  --muted: oklch(0.3 0.003 180); /* Adjusted for better contrast */
  --muted-foreground: oklch(0.7 0 0); /* Brighter for readability */
  --accent: oklch(0.38 0.003 180); /* Light gray accent */
  --accent-foreground: oklch(0.98 0 0);
  --destructive: oklch(0.704 0.191 22.216);
  --border: oklch(0.4 0.003 180); /* More visible border */
  --input: #2a2a2a; /* Lighter input background for better visibility */
  --ring: oklch(0.55 0.2 240);
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
}
