/* Design tokens — 设备台账. Light only (no dark mode). Text colours are ≥ 4.5:1 on --surface and --bg. */
:root {
  color-scheme: light;

  --bg: #F3F5F8;
  --surface: #FFFFFF;
  --surface-2: #F7F8FA;
  --surface-3: #EEF1F5;
  --text: #17202C;
  --text-2: #465263;
  --text-3: #5E6A7C;
  --line: #E3E7ED;
  --line-strong: #CDD3DC;

  --accent: #1E5BD6;
  --accent-ink: #1749AE;
  --accent-soft: #E7EFFD;
  --on-accent: #FFFFFF;
  --positive: #157347;
  --positive-soft: #E1F3E9;
  --warning: #8F5300;
  --warning-soft: #FFF1D6;
  --danger: #B42318;
  --danger-soft: #FDE8E6;
  --focus: rgba(30, 91, 214, 0.35);

  /* Category tints for the device icons */
  --cat-laptop: #1E5BD6;
  --cat-laptop-soft: #E7EFFD;
  --cat-desktop: #6B3FC4;
  --cat-desktop-soft: #EEE7FC;
  --cat-tablet: #0E7C74;
  --cat-tablet-soft: #DDF3F0;
  --cat-pencil: #9A4A06;
  --cat-pencil-soft: #FCEBD9;
  --cat-other: #4D5867;
  --cat-other-soft: #EBEEF2;

  --r-l: 20px;
  --r-m: 14px;
  --r-s: 10px;
  --r-pill: 999px;

  --shadow-1: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.06);
  --shadow-2: 0 4px 12px rgba(16, 24, 40, 0.08), 0 2px 4px rgba(16, 24, 40, 0.05);
  --shadow-3: 0 18px 40px rgba(16, 24, 40, 0.18);

  --gutter: 16px;
  --gap: 12px;
  --card-pad: 16px;
  --tap: 44px;
  --thumb: 56px;
  --content-max: 760px;
  --tabbar-h: 64px;

  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur-1: 150ms;
  --dur-2: 240ms;

  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

@media (min-width: 420px) {
  :root {
    --gutter: 20px;
    --gap: 14px;
  }
}