html:root {
  --radius: 0.875rem;
  --font-heading: var(--font-inter);
  --background: #f2f5fb;
  --foreground: #111417;
  --card: #fafcff;
  --card-foreground: #111417;
  --popover: #fcfdff;
  --popover-foreground: #111417;
  --primary: #0064e0;
  --primary-foreground: #ffffff;
  --secondary: #e3e7ec;
  --secondary-foreground: #2b2e32;
  --muted: #e6eaef;
  --muted-foreground: #585b5f;
  --accent: #e5efff;
  --accent-foreground: #0d4391;
  --border: #d4d8dd;
  --input: #e1e5ea;
  --ring: #4189f7;
  --sidebar: #edf0f6;
  --sidebar-foreground: #2b2e32;
  --sidebar-border: #d1d5d9;
  --sidebar-accent: #e4e8ed;
  --sidebar-active: #e1ecfe;
  --sidebar-active-foreground: #0064e0;
  --ink: #0d1013;
  --ink-foreground: #f2f5fb;
  --ink-muted: #aeb1b6;
}

@media (prefers-color-scheme: dark) {
  html:root:not([data-theme="light"]) {
  color-scheme: dark;
  --background: #0d1013;
  --foreground: #f2f5fb;
  --card: #16191c;
  --card-foreground: #f2f5fb;
  --popover: #1a1d21;
  --popover-foreground: #f2f5fb;
  --primary: #5497fd;
  --primary-foreground: #0d1013;
  --secondary: #212428;
  --secondary-foreground: #e4e8ed;
  --muted: #212428;
  --muted-foreground: #aeb1b6;
  --accent: #162946;
  --accent-foreground: #b2d0fd;
  --border: #303337;
  --input: #212428;
  --ring: #5497fd;
  --sidebar: #101316;
  --sidebar-foreground: #e4e8ed;
  --sidebar-border: #292c2f;
  --sidebar-accent: #1c1e22;
  --sidebar-active: #162946;
  --sidebar-active-foreground: #8eb9fb;
  --ink: #0d1013;
  --ink-foreground: #f2f5fb;
  --ink-muted: #aeb1b6;
  }
}

html[data-theme="dark"] {
  color-scheme: dark;
  --background: #0d1013;
  --foreground: #f2f5fb;
  --card: #16191c;
  --card-foreground: #f2f5fb;
  --popover: #1a1d21;
  --popover-foreground: #f2f5fb;
  --primary: #5497fd;
  --primary-foreground: #0d1013;
  --secondary: #212428;
  --secondary-foreground: #e4e8ed;
  --muted: #212428;
  --muted-foreground: #aeb1b6;
  --accent: #162946;
  --accent-foreground: #b2d0fd;
  --border: #303337;
  --input: #212428;
  --ring: #5497fd;
  --sidebar: #101316;
  --sidebar-foreground: #e4e8ed;
  --sidebar-border: #292c2f;
  --sidebar-accent: #1c1e22;
  --sidebar-active: #162946;
  --sidebar-active-foreground: #8eb9fb;
  --ink: #0d1013;
  --ink-foreground: #f2f5fb;
  --ink-muted: #aeb1b6;
}