:root {
  --background: oklch(0.9480 0.0280 342.2580);
  --foreground: oklch(0.3588 0.1354 278.6973);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.3588 0.1354 278.6973);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.3588 0.1354 278.6973);
  --primary: oklch(0.3810 0.1760 304.9870);
  --primary-foreground: oklch(0.7140 0.2030 305.5040);
  --secondary: oklch(0.9618 0.0202 295.1913);
  --secondary-foreground: oklch(0.7140 0.2030 305.5040);
  --muted: oklch(0.9691 0.0161 293.7558);
  --muted-foreground: oklch(0.5413 0.2466 293.0090);
  --accent: oklch(0.9319 0.0316 255.5855);
  --accent-foreground: oklch(0.4244 0.1809 265.6377);
  --border: oklch(0.9299 0.0334 272.7879);
  --input: oklch(0.9299 0.0334 272.7879);
  --ring: oklch(0.6056 0.2189 292.7172);
  --font-sans: "Roboto", sans-serif;
  --font-serif: "Playfair Display", serif;
  --font-mono: "Fira Code", monospace;
  --radius: 0.625rem;
}

.dark {
  --background: oklch(0.2077 0.0398 265.7549);
  --foreground: oklch(0.9299 0.0334 272.7879);
  --card: oklch(0.2573 0.0861 281.2883);
  --card-foreground: oklch(0.9299 0.0334 272.7879);
  --popover: oklch(0.2573 0.0861 281.2883);
  --popover-foreground: oklch(0.9299 0.0334 272.7879);
  --primary: oklch(0.6056 0.2189 292.7172);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.2573 0.0861 281.2883);
  --secondary-foreground: oklch(0.9299 0.0334 272.7879);
  --muted: oklch(0.2329 0.0919 279.1398);
  --muted-foreground: oklch(0.8112 0.1013 293.5712);
  --accent: oklch(0.4568 0.2146 277.0229);
  --accent-foreground: oklch(0.9299 0.0334 272.7879);
  --border: oklch(0.2827 0.1351 291.0894);
  --input: oklch(0.2827 0.1351 291.0894);
  --ring: oklch(0.6056 0.2189 292.7172);
}