/* 全站变量：色板、尺寸单位、层级。
   --u 是尺寸单位，由 KK.layout 按窗口算好写进来，默认 3.9px。
   配色取自刺绣的材料：酒红的绣框、橄榄绿的面板、米色的棉布。 */
:root {
  color-scheme: only light;
  --u: 3.9px;

  --maroon: #5c282e;
  --maroon-deep: #481e22;
  --olive: #5c6847;
  --olive-light: #748359;
  --olive-deep: #4a5438;
  --cream: #efe8d2;
  --cream-2: #f3eedf;
  --stage: #3a181c;
  --bg: var(--maroon-deep);
  --surface: var(--cream);
  --surface-2: #d9cfb2;
  --field: #f8f4e6;
  --bar: var(--maroon);
  --disc: var(--cream-2);
  --ink: #2b1a1c;
  --ink-2: #6b5646;
  --ink-3: #a39580;
  --line: var(--maroon-deep);
  --accent: #d9b46a;
  --danger: #a63a30;
  --on-dark: var(--cream);
  --stitch-light: #e9dfc0;
  --stitch-dark: #5c282e;
  --float-pad: 6px;

  --font: 'Noto Sans SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  --font-weight: 700;
  --title-weight: 900;

  --radius: calc(var(--u) * 2.6);
  --radius-sm: calc(var(--u) * 1.6);
  --border-w: calc(var(--u) * 0.5);
  --touch: 44px;
  --text: calc(var(--u) * 4);
  --text-small: calc(var(--u) * 3.4);
  --gap-1: calc(var(--u) * 1);
  --gap-2: calc(var(--u) * 2);
  --gap-3: calc(var(--u) * 3);

  --z-content: 1;
  --z-rail: 10;
  --z-float: 20;
  --z-popover: 30;
  --z-toast: 40;
  --z-modal: 50;
  --z-knob: 60;
}