/* KATKO 中国站 · 设计 token
   取色自 katko.com：深酒红主色、橙色强调、暖白底色、Jost 几何无衬线。 */
:root {
  /* 颜色 */
  --c-burgundy: #330319;
  --c-burgundy-deep: #23020F;
  --c-burgundy-soft: #5A0A2E;
  --c-orange: #FF5500;
  --c-orange-dark: #D94800;
  --c-orange-soft: #FFE3D6;
  --c-ink: #121212;
  --c-ink-2: #2A2727;
  --c-paper: #FFFFFF;
  --c-warm: #F4EDED;
  --c-warm-2: #FAF6F6;
  --c-sand: #E8E8E1;
  --c-line: #DCD5D5;
  --c-line-strong: #B9AFAF;
  --c-muted: #6C6A6A;
  --c-muted-2: #8C8484;
  --c-on-dark: #FFFFFF;
  --c-on-dark-muted: #D9C6CE;
  --c-success: #1F6B45;
  --c-error: #A32020;

  /* 字体 */
  --font-sans: "Jost", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
               "Noto Sans SC", system-ui, sans-serif;
  --font-mono: "SFMono-Regular", "Roboto Mono", "Menlo", "Consolas", monospace;

  /* 字号 / 行高 */
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 3rem;
  --lh-body: 1.75;
  --lh-tight: 1.15;

  /* 间距 / 版心 */
  --wrap: 1240px;
  --gutter: 24px;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;

  /* 形状 / 阴影 */
  --radius: 2px;
  --radius-lg: 4px;
  --shadow-sm: 0 1px 2px rgba(18, 18, 18, 0.06);
  --shadow-md: 0 8px 28px rgba(51, 3, 25, 0.09);
  --angle: 22px;

  /* 动效 */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur: 180ms;

  /* 布局 */
  --header-h: 76px;
  --topbar-h: 32px;
}