:root {
  --background: #f0f0f0;
  --foreground: oklch(0.145 0 0);
  --card: #ffffff;
  --card-foreground: oklch(0.145 0 0);
  --popover: #ffffff;
  --popover-foreground: oklch(0.145 0 0);
  --primary: #30363b;
  --primary-foreground: #ffffff;
  --secondary: #f5f5f5;
  --secondary-foreground: #1a73e8;
  --muted: #f5f5f5;
  --muted-foreground: oklch(0.556 0 0);
  --accent: #f8d551;
  --accent-foreground: #2d2d2d;
  --destructive: oklch(0.577 0.245 27.325);
  --border: #e0e0e0;
  --input: #e0e0e0;
  --ring: #fcd326;
  --chart-1: #fcd326;
  --chart-2: #404e7c;
  --chart-3: #71b48d;
  --chart-4: #9b59b6;
  --chart-5: #d4708e;
  --chart-6: #5b8a44;
  --chart-7: #251f47;
  --chart-8: #4f5e7a;
  --chart-9: #b58432;
  --chart-10: #745f99;
  --chart-11: #b96c34;
  --positive: #16a34a;
  --negative: #dc2626;
  --table-header: #f5f5f5;
  --radius: 0.625rem;
  --sidebar: #182023;
  --sidebar-foreground: #ffffff;
  --sidebar-primary: #fcd326;
  --sidebar-primary-foreground: #202529;
  --sidebar-accent: #243036;
  --sidebar-accent-foreground: #ffffff;
  --sidebar-border: #314047;
  --sidebar-ring: #69767b;
}

html.dark {
  --background: #1d2427;
  --foreground: #f6f4eb;
  --card: #283136;
  --card-foreground: #f6f4eb;
  --popover: #283136;
  --popover-foreground: #f6f4eb;
  --primary: #f8d551;
  --primary-foreground: #202529;
  --secondary: #334046;
  --secondary-foreground: #f6f4eb;
  --muted: #334046;
  --muted-foreground: #c5c0aa;
  --accent: #f8d551;
  --accent-foreground: #202529;
  --destructive: oklch(0.704 0.191 22.216);
  --border: #46545a;
  --input: #46545a;
  --ring: #fcd326;
  --positive: #4ade80;
  --negative: #f87171;
  --table-header: #263034;
  --sidebar: #182023;
  --sidebar-foreground: #ffffff;
  --sidebar-primary: #fcd326;
  --sidebar-primary-foreground: #202529;
  --sidebar-accent: #2c373c;
  --sidebar-accent-foreground: #ffffff;
  --sidebar-border: #364247;
  --sidebar-ring: #6f7b80;
}