:root {
  --background: oklch(0.97 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: #0203E2;
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: #0203E2;
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: #0203E2;
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: #0203E2;
  --chart-1: #1E73EA;
  --chart-2: #18C0CF;
  --chart-3: #EB228C;
  --chart-4: #5F55E0;
  --chart-5: #FFD166;
  --chart-6: #C731A2;
  --chart-7: #06D6A0;
  --chart-8: #FF8C42;
  --chart-9: #3B82F6;
  --chart-10: #84CC16;
  --chart-11: #F43F5E;
  --positive: #16a34a;
  --negative: #dc2626;
  --table-header: #f8fafc;
  --radius: 0.625rem;
  --sidebar: #f8f8f8;
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: #0203E2;
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: #f0f0f0;
  --sidebar-accent-foreground: oklch(0.145 0 0);
  --sidebar-border: oklch(0.88 0 0);
  --sidebar-ring: oklch(0.708 0 0);
}

html.dark {
  --background: #101115;
  --foreground: #f5f7ff;
  --card: #171922;
  --card-foreground: #f5f7ff;
  --popover: #171922;
  --popover-foreground: #f5f7ff;
  --primary: #7778ff;
  --primary-foreground: #070812;
  --secondary: #202331;
  --secondary-foreground: #dfe2ff;
  --muted: #202331;
  --muted-foreground: #a7acc0;
  --accent: #7778ff;
  --accent-foreground: #070812;
  --destructive: oklch(0.704 0.191 22.216);
  --border: #2c3040;
  --input: #2c3040;
  --ring: #7778ff;
  --positive: #4ade80;
  --negative: #f87171;
  --table-header: #191c26;
  --sidebar: #0b0c12;
  --sidebar-foreground: #f5f7ff;
  --sidebar-primary: #8e8fff;
  --sidebar-primary-foreground: #080912;
  --sidebar-accent: #181b26;
  --sidebar-accent-foreground: #ffffff;
  --sidebar-border: #242837;
  --sidebar-ring: #5f6678;
}