:root {
  --font-sans:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --radius: 0.5rem;
}

:root,
:root[data-theme="light"] {
  color-scheme: light;
  --background: #eff1f5;
  --foreground: #4c4f69;
  --card: #e6e9ef;
  --card-foreground: #4c4f69;
  --popover: #e6e9ef;
  --popover-foreground: #4c4f69;
  --primary: #1652c0;
  --primary-foreground: #eff1f5;
  --secondary: #ccd0da;
  --secondary-foreground: #4c4f69;
  --muted: #ccd0da;
  --muted-foreground: #545770;
  --accent: #c0c4d0;
  --accent-foreground: #4c4f69;
  --border: #bcc0cc;
  --input: #bcc0cc;
  --ring: #1652c0;
  --destructive: #d20f39;
  --destructive-foreground: #eff1f5;
  --success: #176300;
  --warning: #df8404;
  --info: #00617f;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --background: #24273a;
  --foreground: #cad3f5;
  --card: #1e2030;
  --card-foreground: #cad3f5;
  --popover: #1e2030;
  --popover-foreground: #cad3f5;
  --primary: #8aadf4;
  --primary-foreground: #181926;
  --secondary: #363a4f;
  --secondary-foreground: #cad3f5;
  --muted: #363a4f;
  --muted-foreground: #a5adcb;
  --accent: #494d64;
  --accent-foreground: #cad3f5;
  --border: #494d64;
  --input: #494d64;
  --ring: #8aadf4;
  --destructive: #ed8796;
  --destructive-foreground: #181926;
  --success: #a6da95;
  --warning: #eed49f;
  --info: #91d7e3;
}