:root {
  color-scheme: light dark;
  --bg: light-dark(#ffffff, #1b1b1b);
  --text: light-dark(#212121, #f6f6f6);
  --accent: light-dark(#3f72c4, #79a6e8);
  --surface: light-dark(#f4f4f4, #2b2b2b);
  --surface-2: light-dark(#f7f7f7, #2b2b2b);
  --surface-3: light-dark(#f9f9f966, #1b1b1b66);
  --blue-1: light-dark(#edf3fc, #1f2733);
  --font-sans:
    system-ui, -apple-system, "Segoe UI", Roboto,
    "PingFang SC", "Microsoft YaHei", sans-serif;
  --line: color-mix(in oklch, var(--text) 5%, transparent);
  --line-2: color-mix(in oklch, var(--text) 20%, transparent);
  --line-3: color-mix(in oklch, var(--text) 40%, transparent);
  --faint: color-mix(in oklch, var(--text) 35%, transparent);
  --faint-2: light-dark(#555, #aaa);
  --faint-3: color-mix(in oklch, var(--text) 5%, transparent);
}