:root {
  --background: #ffffff;
  --foreground: #000000;
  --card: #ffffff;
  --card-foreground: #000000;
  --popover: #ffffff;
  --popover-foreground: #000000;
  --primary: #ff3333;
  --primary-foreground: #ffffff;
  --secondary: #ffff00;
  --secondary-foreground: #000000;
  --muted: #f0f0f0;
  --muted-foreground: #333333;
  --accent: #0066ff;
  --accent-foreground: #ffffff;
  --destructive: #000000;
  --destructive-foreground: #ffffff;
  --border: #000000;
  --input: #000000;
  --ring: #ff3333;
  --chart-1: #ff3333;
  --chart-2: #ffff00;
  --chart-3: #0066ff;
  --chart-4: #00cc00;
  --chart-5: #cc00cc;
  --sidebar: #f0f0f0;
  --sidebar-foreground: #000000;
  --sidebar-primary: #ff3333;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #0066ff;
  --sidebar-accent-foreground: #ffffff;
  --sidebar-border: #000000;
  --sidebar-ring: #ff3333;
  --font-sans: 'DM Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-mono: 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  --tracking-normal: 0em;
  --radius: 0rem;
  --spacing: 0.25rem;
  --shadow-2xs: 4px 4px 0px 0px rgb(0 0 0 / 0.500);
  --shadow-xs: 4px 4px 0px 0px rgb(0 0 0 / 0.500);
  --shadow-sm: 4px 4px 0px 0px rgb(0 0 0 / 1.000), 4px 1px 2px -1px rgb(0 0 0 / 1.000);
  --shadow: 4px 4px 0px 0px rgb(0 0 0 / 1.000), 4px 1px 2px -1px rgb(0 0 0 / 1.000);
  --shadow-md: 4px 4px 0px 0px rgb(0 0 0 / 1.000), 4px 2px 4px -1px rgb(0 0 0 / 1.000);
  --shadow-lg: 4px 4px 0px 0px rgb(0 0 0 / 1.000), 4px 4px 6px -1px rgb(0 0 0 / 1.000);
  --shadow-xl: 4px 4px 0px 0px rgb(0 0 0 / 1.000), 4px 8px 10px -1px rgb(0 0 0 / 1.000);
  --shadow-2xl: 4px 4px 0px 0px rgb(0 0 0 / 1.000);
}

.dark {
  --background: #000000;
  --foreground: #ffffff;
  --card: #333333;
  --card-foreground: #ffffff;
  --popover: #333333;
  --popover-foreground: #ffffff;
  --primary: #ff6666;
  --primary-foreground: #000000;
  --secondary: #ffff33;
  --secondary-foreground: #000000;
  --muted: #1a1a1a;
  --muted-foreground: #cccccc;
  --accent: #3399ff;
  --accent-foreground: #3399ff;
  --destructive: #ffffff;
  --destructive-foreground: #000000;
  --border: #ffffff;
  --input: #ffffff;
  --ring: #ff6666;
  --chart-1: #ff6666;
  --chart-2: #ffff33;
  --chart-3: #3399ff;
  --chart-4: #33cc33;
  --chart-5: #cc33cc;
  --sidebar: #000000;
  --sidebar-foreground: #ffffff;
  --sidebar-primary: #ff6666;
  --sidebar-primary-foreground: #000000;
  --sidebar-accent: #3399ff;
  --sidebar-accent-foreground: #000000;
  --sidebar-border: #ffffff;
  --sidebar-ring: #ff6666;
}