:root {
  --background: rgb(255, 255, 255);
  --foreground: rgb(38, 38, 38);
  --card: rgb(255, 255, 255);
  --card-foreground: rgb(38, 38, 38);
  --popover: rgb(255, 255, 255);
  --popover-foreground: rgb(38, 38, 38);
  --primary: rgb(245, 158, 11);
  --primary-foreground: rgb(0, 0, 0);
  --secondary: rgb(243, 244, 246);
  --secondary-foreground: rgb(75, 85, 99);
  --muted: rgb(249, 250, 251);
  --muted-foreground: rgb(107, 114, 128);
  --accent: rgb(255, 251, 235);
  --accent-foreground: rgb(146, 64, 14);
  --destructive: rgb(239, 68, 68);
  --destructive-foreground: rgb(255, 255, 255);
  --border: rgb(229, 231, 235);
  --input: rgb(229, 231, 235);
  --ring: rgb(245, 158, 11);
  --font-sans: Inter, sans-serif;
  --radius: 0.375rem;
  --shadow-sm: 0px 1px 2px 0px hsl(0 0% 0% / 0.05);
  --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
  --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1);
}

.dark {
  --background: rgb(23, 23, 23);
  --foreground: rgb(229, 229, 229);
  --card: rgb(38, 38, 38);
  --card-foreground: rgb(229, 229, 229);
  --popover: rgb(38, 38, 38);
  --popover-foreground: rgb(229, 229, 229);
  --primary: rgb(245, 158, 11);
  --primary-foreground: rgb(0, 0, 0);
  --secondary: rgb(38, 38, 38);
  --secondary-foreground: rgb(229, 229, 229);
  --muted: rgb(31, 31, 31);
  --muted-foreground: rgb(163, 163, 163);
  --accent: rgb(146, 64, 14);
  --accent-foreground: rgb(253, 230, 138);
  --destructive: rgb(239, 68, 68);
  --destructive-foreground: rgb(255, 255, 255);
  --border: rgb(64, 64, 64);
  --input: rgb(64, 64, 64);
  --ring: rgb(245, 158, 11);
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
  margin: 0;
}