@custom-variant dark (&:is(.dark *));

:root {
  --radius: 0.65rem;
  --background: 1 0 0;
  --foreground: 0.141 0.005 285.823;
  --card: 1 0 0;
  --card-foreground: 0.141 0.005 285.823;
  --popover: 1 0 0;
  --popover-foreground: 0.141 0.005 285.823;
  --primary: 0.646 0.222 41.116;
  --primary-foreground: 0.98 0.016 73.684;
  --secondary: 0.967 0.001 286.375;
  --secondary-foreground: 0.21 0.006 285.885;
  --muted: 0.967 0.001 286.375;
  --muted-foreground: 0.552 0.016 285.938;
  --accent: 0.967 0.001 286.375;
  --accent-foreground: 0.21 0.006 285.885;
  --destructive: 0.577 0.245 27.325;
  --border: 0.92 0.004 286.32;
  --input: 0.92 0.004 286.32;
  --ring: 0.75 0.183 55.934;
  --chart-1: 0.837 0.128 66.29;
  --chart-2: 0.705 0.213 47.604;
  --chart-3: 0.646 0.222 41.116;
  --chart-4: 0.553 0.195 38.402;
  --chart-5: 0.47 0.157 37.304;
  --sidebar: 0.985 0 0;
  --sidebar-foreground: 0.141 0.005 285.823;
  --sidebar-primary: 0.646 0.222 41.116;
  --sidebar-primary-foreground: 0.98 0.016 73.684;
  --sidebar-accent: 0.967 0.001 286.375;
  --sidebar-accent-foreground: 0.21 0.006 285.885;
  --sidebar-border: 0.92 0.004 286.32;
  --sidebar-ring: 0.75 0.183 55.934;
}


/* Reset y base styles */
* {
  box-sizing: border-box;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@layer base {
  * {
    @apply border-border outline-ring/50;
  }
  body {
    @apply bg-background text-foreground;
  }
}

.container {
  @apply mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl;
}