/*
 * Xingqiao brand layer.
 *
 * Keep the original Leiting page structure and interaction model intact.
 * This file only overrides visual tokens so the product has an independent
 * company identity and remains easy to update from the authorized upstream.
 */

:root {
  --background: oklch(98.7% .006 274);
  --primary: oklch(58% .185 274);
  --primary-foreground: oklch(98.5% .005 274);
  --secondary: oklch(95.5% .018 274);
  --secondary-foreground: oklch(25% .04 274);
  --accent: oklch(94.5% .035 274);
  --accent-foreground: oklch(24% .05 274);
  --ring: oklch(65% .16 274);
  --sidebar: #f8f9ff;
  --sidebar-foreground: #30364b;
  --sidebar-primary: #4f5fd5;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #eef1ff;
  --sidebar-accent-foreground: #26326f;
  --sidebar-border: #e1e5f7;
  --sidebar-ring: #6576eb;
}

.dark {
  --background: oklch(14% .025 274);
  --card: oklch(19% .025 274);
  --popover: oklch(19% .025 274);
  --primary: oklch(73% .145 274);
  --primary-foreground: oklch(17% .025 274);
  --secondary: oklch(27% .035 274);
  --muted: oklch(23% .025 274);
  --accent: oklch(30% .04 274);
  --ring: oklch(72% .13 274);
  --sidebar: #171a29;
  --sidebar-foreground: #f2f3ff;
  --sidebar-primary: #7484f5;
  --sidebar-primary-foreground: #101321;
  --sidebar-accent: #24283c;
  --sidebar-accent-foreground: #f2f3ff;
  --sidebar-border: #2d324b;
  --sidebar-ring: #7484f5;
}

html {
  background: var(--background);
}

body {
  font-family:
    Inter, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC",
    ui-sans-serif, system-ui, sans-serif;
  letter-spacing: -.005em;
}

::selection {
  background: color-mix(in oklab, var(--primary) 24%, transparent);
}

button,
a,
input,
textarea,
select {
  transition:
    color .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    opacity .18s ease;
}

@media (prefers-reduced-motion: reduce) {
  button,
  a,
  input,
  textarea,
  select {
    transition: none;
  }
}