/* 与 frontend/new-api/web/src/styles/theme.css :root / .dark 保持一致 */
@import url('https://cdn.jsdelivr.net/npm/@fontsource-variable/public-sans@5.2.7/index.min.css');

:root {
  --radius: 1rem;
  --app-header-height: 3rem;
  --font-ui-sans: 'Public Sans Variable', 'Public Sans', -apple-system, BlinkMacSystemFont,
    'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-body: var(--font-ui-sans);
  --background: oklch(1 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: oklch(0.692 0.141 243.716);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.95 0 0);
  --secondary-foreground: oklch(0.42 0.16 250);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.49 0 0);
  --accent: color-mix(in oklch, var(--primary) 12%, var(--background));
  --accent-foreground: oklch(0.145 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.93 0 0);
  --input: oklch(0.93 0 0);
  --ring: oklch(0.708 0.16 249.003);
  --sidebar: color-mix(in oklch, var(--foreground) 0.5%, var(--background));
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.64 0.197 253.892);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: color-mix(in oklch, var(--primary) 12%, var(--background));
  --sidebar-accent-foreground: oklch(0.579 0.196 255.909);
  --sidebar-border: oklch(0.93 0 0);
  --sidebar-width: 16rem;
  color-scheme: light;
}

html.dark {
  color-scheme: dark;
  --background: oklch(0.235 0 0);
  --foreground: oklch(0.965 0 0);
  --card: oklch(0.285 0 0);
  --card-foreground: oklch(0.965 0 0);
  --popover: oklch(0.305 0 0);
  --popover-foreground: oklch(0.965 0 0);
  --primary: oklch(0.54 0.142 248.516);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.335 0 0);
  --secondary-foreground: oklch(0.9 0.05 250);
  --muted: oklch(0.305 0 0);
  --muted-foreground: oklch(0.78 0 0);
  --accent: color-mix(in oklch, var(--primary) 12%, var(--background));
  --accent-foreground: oklch(0.965 0 0);
  --border: oklch(0.36 0 0);
  --input: oklch(0.36 0 0);
  --ring: oklch(0.58 0.2 250);
  --sidebar: color-mix(in oklch, var(--foreground) 0.5%, var(--background));
  --sidebar-foreground: oklch(0.965 0 0);
  --sidebar-border: oklch(0.36 0 0);
  --sidebar-accent: color-mix(in oklch, var(--primary) 12%, var(--background));
  --sidebar-accent-foreground: oklch(0.9 0.05 250);
}