@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --background: oklch(0.985 0.0014 39.68);
    --foreground: oklch(0.2683 0.0043 41.05);
    --card: var(--color-white);
    --card-foreground: oklch(0.2683 0.0043 41.05);
    --popover: var(--color-white);
    --popover-foreground: oklch(0.2683 0.0043 41.05);
    --primary: oklch(0.8651 0.1153 207.08);
    --primary-foreground: var(--color-black);
    --secondary: oklch(0.72 0.1613 29.29);
    --secondary-foreground: var(--color-black);
    --muted: oklch(0.9674 0.0029 40.41);
    --muted-foreground: oklch(0.4426 0.0055 43.48);
    --accent: oklch(0.9674 0.0029 40.41);
    --accent-foreground: oklch(0.2683 0.0043 41.05);
    --destructive: oklch(0.577 0.245 27.325);
    --destructive-foreground: oklch(0.985 0.0014 39.68);
    --border: oklch(0.9227 0.0041 40.62);
    --input: oklch(0.8693 0.0046 41.1);
    --ring: oklch(0.8651 0.1153 207.08);
    --chart-1: oklch(0.8651 0.1153 207.08);
    --chart-2: oklch(0.72 0.1613 29.29);
    --chart-3: oklch(0.7886 0.1393 211.4);
    --chart-4: oklch(0.8154 0.1004 27.92);
    --chart-5: oklch(0.8651 0.1153 207.08);
    --radius: 1rem;
    
    --color-white: #ffffff;
    --color-black: #000000;
  }

  .dark {
    --background: oklch(0.1465 0.0038 39.55);
    --foreground: oklch(0.9227 0.0041 40.62);
    --card: oklch(0.213 0.0041 40.86);
    --card-foreground: oklch(0.9227 0.0041 40.62);
    --popover: oklch(0.213 0.0041 40.86);
    --popover-foreground: oklch(0.9227 0.0041 40.62);
    --primary: oklch(0.8651 0.1153 207.08);
    --primary-foreground: var(--color-black);
    --secondary: oklch(0.72 0.1613 29.29);
    --secondary-foreground: var(--color-black);
    --muted: oklch(0.2683 0.0043 41.05);
    --muted-foreground: oklch(0.8693 0.0046 41.1);
    --accent: oklch(0.2683 0.0043 41.05);
    --accent-foreground: oklch(0.9227 0.0041 40.62);
    --destructive: oklch(0.704 0.191 22.216);
    --destructive-foreground: oklch(0.985 0.0014 39.68);
    --border: oklch(0.2683 0.0043 41.05);
    --input: oklch(0.3732 0.0051 42.7);
    --ring: oklch(0.8651 0.1153 207.08);
    --chart-1: oklch(0.8651 0.1153 207.08);
    --chart-2: oklch(0.72 0.1613 29.29);
    --chart-3: oklch(0.7886 0.1393 211.4);
    --chart-4: oklch(0.8154 0.1004 27.92);
    --chart-5: oklch(0.8651 0.1153 207.08);
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
  }
}