/* ==========================================================================
   THEME: Perplexity
   ========================================================================== */

[data-theme="perplexity"] {
  --background: oklch(0.98 0 0);
  --foreground: oklch(0.28 0.04 260.33);
  --card: oklch(1.00 0 0);
  --card-foreground: oklch(0.28 0.04 260.33);
  --popover: oklch(1.00 0 0);
  --popover-foreground: oklch(0.28 0.04 260.33);
  --primary: oklch(0.59 0.20 277.06);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.93 0.01 261.82);
  --secondary-foreground: oklch(0.37 0.03 259.73);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.55 0.02 264.41);
  --accent: oklch(0.93 0.03 273.66);
  --accent-foreground: oklch(0.37 0.03 259.73);
  --destructive: oklch(0.64 0.21 25.39);
  --border: oklch(0.87 0.01 261.81);
  --input: oklch(0.87 0.01 261.81);
  --ring: oklch(0.59 0.20 277.06);
  --chart-1: oklch(0.59 0.20 277.06);
  --chart-2: oklch(0.51 0.23 276.97);
  --chart-3: oklch(0.46 0.21 277.06);
  --chart-4: oklch(0.40 0.18 277.16);
  --chart-5: oklch(0.36 0.14 278.65);
  --sidebar: oklch(0.97 0 0);
  --sidebar-foreground: oklch(0.28 0.04 260.33);
  --sidebar-primary: oklch(0.59 0.20 277.06);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.93 0.03 273.66);
  --sidebar-accent-foreground: oklch(0.37 0.03 259.73);
  --sidebar-border: oklch(0.87 0.01 261.81);
  --sidebar-ring: oklch(0.59 0.20 277.06);

  --font-sans: Inter, sans-serif;
  --font-serif: Merriweather, serif;
  --font-mono: JetBrains Mono, monospace;

  --radius: 0.5rem;
  
  --shadow-2xs: 0px 4px 8px -1px oklch(0.00 0 0 / 0.05);
  --shadow-xs: 0px 4px 8px -1px oklch(0.00 0 0 / 0.05);
  --shadow-sm: 0px 4px 8px -1px oklch(0.00 0 0 / 0.10), 0px 1px 2px -2px oklch(0.00 0 0 / 0.10);
  --shadow: 0px 4px 8px -1px oklch(0.00 0 0 / 0.10), 0px 1px 2px -2px oklch(0.00 0 0 / 0.10);
  --shadow-md: 0px 4px 8px -1px oklch(0.00 0 0 / 0.10), 0px 2px 4px -2px oklch(0.00 0 0 / 0.10);
  --shadow-lg: 0px 4px 8px -1px oklch(0.00 0 0 / 0.10), 0px 4px 6px -2px oklch(0.00 0 0 / 0.10);
  --shadow-xl: 0px 4px 8px -1px oklch(0.00 0 0 / 0.10), 0px 8px 10px -2px oklch(0.00 0 0 / 0.10);
  --shadow-2xl: 0px 4px 8px -1px oklch(0.00 0 0 / 0.25);

  --rating: oklch(0.83 0.16 84.43);
}

[data-theme="perplexity"].dark,
[data-theme="perplexity"] .dark {
  --background: oklch(0.23 0.01 260.69);
  --foreground: oklch(0.93 0 0);
  --card: oklch(0.26 0.01 260.70);
  --card-foreground: oklch(0.93 0 0);
  --popover: oklch(0.26 0.01 260.70);
  --popover-foreground: oklch(0.93 0 0);
  --primary: oklch(0.58 0.14 327.21);
  --primary-foreground: oklch(1.00 0 0);
  --secondary: oklch(0.30 0.01 254.00);
  --secondary-foreground: oklch(0.93 0 0);
  --muted: oklch(0.26 0.01 260.70);
  --muted-foreground: oklch(0.68 0 0);
  --accent: oklch(0.33 0.03 326.28);
  --accent-foreground: oklch(0.93 0 0);
  --destructive: oklch(0.59 0.22 11.39);
  --border: oklch(0.30 0.01 268.37);
  --input: oklch(0.30 0.01 268.37);
  --ring: oklch(0.58 0.14 327.21);
  --chart-1: oklch(0.58 0.14 327.21);
  --chart-2: oklch(0.77 0.13 222.66);
  --chart-3: oklch(0.69 0.14 160.27);
  --chart-4: oklch(0.59 0.22 11.39);
  --chart-5: oklch(0.80 0.15 82.32);
  --sidebar: oklch(0.23 0.01 260.69);
  --sidebar-foreground: oklch(0.93 0 0);
  --sidebar-primary: oklch(0.58 0.14 327.21);
  --sidebar-primary-foreground: oklch(1.00 0 0);
  --sidebar-accent: oklch(0.33 0.03 326.28);
  --sidebar-accent-foreground: oklch(0.93 0 0);
  --sidebar-border: oklch(0.30 0.01 268.37);
  --sidebar-ring: oklch(0.58 0.14 327.21);
  
  --shadow-2xs: 0 1px 3px 0px oklch(0.00 0 0 / 0.05);
  --shadow-xs: 0 1px 3px 0px oklch(0.00 0 0 / 0.05);
  --shadow-sm: 0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10);
  --shadow: 0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10);
  --shadow-md: 0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10);
  --shadow-lg: 0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10);
  --shadow-xl: 0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10);
  --shadow-2xl: 0 1px 3px 0px oklch(0.00 0 0 / 0.25);
}