:root {
  --color-ink: oklch(19% 0.028 172);
  --color-ink-soft: oklch(38% 0.025 170);
  --color-forest: oklch(31% 0.075 170);
  --color-forest-deep: oklch(24% 0.058 170);
  --color-mint: oklch(95% 0.045 157);
  --color-lime: oklch(92% 0.195 121);
  --color-lime-soft: oklch(96% 0.09 121);
  --color-paper: oklch(98.5% 0.006 96);
  --color-white: oklch(99.4% 0.006 96);
  --color-line: oklch(88% 0.016 164);
  --color-muted: oklch(46% 0.022 170);
  --color-error: oklch(55% 0.19 28);
  --color-accent: var(--color-lime);
  --color-accent-ink: var(--color-forest-deep);
  --color-header-glass: oklch(98.5% 0.006 96 / 0.9);
  --color-placeholder: oklch(61% 0.018 170);
  --color-forest-light: oklch(39% 0.09 171);
  --color-grid-line: oklch(99.4% 0.006 96 / 0.18);
  --color-glass-line: oklch(99.4% 0.006 96 / 0.24);
  --color-glass-surface: oklch(99.4% 0.006 96 / 0.1);
  --color-sun-ring: oklch(92% 0.195 121 / 0.1);
  --color-sun-glow: oklch(92% 0.195 121 / 0.26);
  --color-skyline: oklch(19% 0.035 170 / 0.94);
  --color-hall: oklch(25% 0.04 170);
  --color-on-dark: oklch(90% 0.02 170);
  --color-on-dark-soft: oklch(82% 0.024 170);
  --color-on-dark-muted: oklch(70% 0.018 170);
  --color-hover-line: oklch(58% 0.07 170);
  --color-skeleton: oklch(95% 0.01 160);
  --color-footer: oklch(17% 0.028 170);
  --color-footer-ink: oklch(85% 0.02 170);
  --color-footer-muted: oklch(70% 0.018 170);
  --color-footer-fine: oklch(64% 0.015 170);
  --color-footer-line: oklch(99.4% 0.006 96 / 0.12);
  --color-dialog-shadow: oklch(10% 0.04 170 / 0.3);
  --color-backdrop: oklch(10% 0.03 170 / 0.68);
  --color-status-warn-ink: oklch(42% 0.10 72);
  --color-status-warn-bg: oklch(94% 0.06 80);
  --color-status-error-bg: oklch(95% 0.04 28);
  --color-status-idle-bg: oklch(93% 0.01 170);

  --category-tech: oklch(63% 0.15 202);
  --category-industry: oklch(54% 0.12 256);
  --category-food: oklch(72% 0.16 76);
  --category-auto: oklch(58% 0.18 30);
  --category-health: oklch(63% 0.15 350);
  --category-design: oklch(62% 0.10 135);
  --category-life: oklch(61% 0.14 310);
  --category-green: oklch(58% 0.14 155);
  --category-general: oklch(49% 0.07 170);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2rem;

  --shadow-soft: 0 1.5rem 4rem oklch(20% 0.04 170 / 0.09);
  --shadow-card: 0 0.75rem 2rem oklch(20% 0.04 170 / 0.07);
  --shell: min(74rem, calc(100% - 2rem));
  --control-height: 4.5rem;
  --font-body: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;
  --font-display: "HarmonyOS Sans SC", "MiSans", "Alibaba PuHuiTi", "PingFang SC", sans-serif;
  --transition: 180ms cubic-bezier(0.2, 0.75, 0.25, 1);
  --shadow-header: 0 0.5rem 1.5rem oklch(20% 0.04 170 / 0.04);
  --shadow-dialog: 0 2rem 7rem var(--color-dialog-shadow);
}