/* live theme vars */
:root{
  --background: #FFFFFF !important;
  --foreground: #1A1A1A !important;
  --card: #FFFFFF !important;
  --card-foreground: #1A1A1A !important;
  --popover: #FFFFFF !important;
  --popover-foreground: #1A1A1A !important;
  --primary: #5C9F37 !important;
  --primary-foreground: #FFFFFF !important;
  --secondary: #0E4204 !important;
  --secondary-foreground: #FFFFFF !important;
  --accent: #0397A4 !important;
  --accent-foreground: #FFFFFF !important;
  --muted: #F5F5F5 !important;
  --muted-foreground: #5A5A5A !important;
  --destructive: #DC2626 !important;
  --destructive-foreground: #1A1A1A !important;
  --border: #E5E7EB !important;
  --input: #E5E7EB !important;
  --chart-1: #5C9F37 !important;
  --chart-2: #0397A4 !important;
  --chart-3: #021A38 !important;
  --chart-4: #0E4204 !important;
  --chart-5: #8CCB65 !important;
  --sidebar-accent: #F6F7F8 !important;
  --sidebar-accent-foreground: #1A1A1A !important;
  --font-sans: "Inter", ui-sans-serif, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial !important;
  --font-heading: var(--font-sans) !important;
  --font-mono: "Roboto Mono", ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace !important;
  --radius: 0.75rem !important;
  --ring: color-mix(in oklch, #5C9F37 80%, #FFFFFF 20%) !important;
  --sidebar: #FFFFFF !important;
  --sidebar-foreground: #000000 !important;
  --sidebar-primary: #5C9F37 !important;
  --sidebar-primary-foreground: #FFFFFF !important;
  --sidebar-border: #E5E7EB !important;
  --sidebar-ring: color-mix(in oklch, #5C9F37 80%, #FFFFFF 20%) !important;
}
html.dark, :root.dark, body.dark, [data-theme="dark"], html[data-theme="dark"], body[data-theme="dark"]{
  --background: #000000 !important;
  --foreground: #F5F5F5 !important;
  --card: #111111 !important;
  --card-foreground: #F5F5F5 !important;
  --popover: #111111 !important;
  --popover-foreground: #F5F5F5 !important;
  --primary: #F6F6F6 !important;
  --primary-foreground: #0A0A0A !important;
  --secondary: #F6F6F6 !important;
  --secondary-foreground: #F5F5F5 !important;
  --accent: #F6F6F6 !important;
  --accent-foreground: #0A0A0A !important;
  --muted: #1A1A1A !important;
  --muted-foreground: #A3A3A3 !important;
  --destructive: #DC2626 !important;
  --destructive-foreground: #0F1113 !important;
  --border: #FFFFFF14 !important;
  --input: #FFFFFF1F !important;
  --chart-1: #F6F6F6 !important;
  --chart-2: #F6F6F6 !important;
  --chart-3: #021A38 !important;
  --chart-4: #F6F6F6 !important;
  --chart-5: #F6F6F6 !important;
  --sidebar: #0E0E0E !important;
  --sidebar-accent: #1A1A1A !important;
  --sidebar-border: #FFFFFF14 !important;
  --font-sans: "Inter", ui-sans-serif, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial !important;
  --font-heading: var(--font-sans) !important;
  --font-mono: "Roboto Mono", ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace !important;
  --radius: 0.75rem !important;
  --ring: #F6F6F6 !important;
  --sidebar-foreground: #FFFFFF !important;
  --sidebar-primary: #F6F6F6 !important;
  --sidebar-primary-foreground: #0A0A0A !important;
  --sidebar-accent-foreground: #0A0A0A !important;
  --sidebar-ring: #F6F6F6 !important;
}