/* tokens.css — 设计令牌。所有颜色/间距/字号只在这里定义一次，
   别的样式文件一律引用变量，不许写字面值。改主题只动这个文件。 */
:root {
  /* 字体 */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  /* 宋体。中文的"国风"感有一大半在宋体的横细竖粗上 —— 换成黑体立刻变成
     另一个东西。只在登录页的标题/印章用它，控制台正文还是黑体（宋体做
     小字号的界面文字会发毛）。macOS 有 Songti SC，Windows 有 SimSun。 */
  --font-serif: "Songti SC", "Noto Serif SC", "Source Han Serif SC",
                "Hiragino Mincho ProN", STSong, SimSun, serif;

  /* 中性色 —— 整体偏浅，界面靠留白分层而不是靠对比 */
  --c-bg:          #f0f2f7;
  --c-surface:     #ffffff;
  --c-surface-2:   #f7f8fc;
  --c-surface-3:   #eef1f7;
  --c-border:      #e8ebf2;
  --c-border-2:    #d9dee8;

  --c-text:        #1d2531;
  --c-text-2:      #586372;
  --c-text-3:      #949dac;

  /* 侧栏：跟内容区同色系，只用一条细线分开 —— 不用深色块压 */
  --c-nav-bg:      #ffffff;
  --c-nav-text:    #586372;
  --c-nav-hover:   #f3f5fa;
  --c-nav-active:  #1d4fab;

  /* 主色：克制的蓝。不用紫色 —— 紫在这种浅中性灰底上跳得太厉害，
     整块侧栏/按钮都被它带走了注意力。蓝能立住但不抢戏。 */
  --c-primary:     #2f6fed;
  --c-primary-600: #2560d4;
  --c-primary-700: #1d4fab;
  --c-primary-soft:#eaf1fe;

  /* 语义色 —— 都配一个很淡的底，用来做徽章 */
  --c-ok:      #00886a;  --c-ok-soft:     #e3f6f1;
  --c-warn:    #a86a00;  --c-warn-soft:   #fdf3e2;
  --c-danger:  #d64545;  --c-danger-soft: #fdecec;
  --c-info:    #2b7fd4;  --c-info-soft:   #eaf2fc;

  /* 尺寸 */
  --r-sm: 7px;  --r-md: 10px;  --r-lg: 14px;  --r-pill: 999px;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;

  /* 阴影：能不用就不用，靠边框分层 */
  --shadow-1: 0 1px 2px rgba(29, 37, 49, .04);
  --shadow-2: 0 4px 16px rgba(29, 37, 49, .07);
  --shadow-3: 0 16px 48px rgba(29, 37, 49, .12);

  --nav-w: 210px;

  /* ── 登录页：国风 · 汝窑天青 ─────────────────────────────────
     只在 login.html 用，**别引到控制台里来**。下面这组是冷青瓷的一整套，
     跟上面那套克制蓝灰是两种气质，混着用两边都不成立。
     真正好用的其实是最后一行：整页只留朱砂一处饱和色，别处克制到死，
     那一处才立得住。 */
  --porcelain:    #eef3f1;   /* 胎白：冷调微青的底。不是米黄 —— 米黄是另一种俗 */
  --porcelain-hi: #ffffff;   /* 迎光面 */
  --glaze-1:      #dcebe6;   /* 釉浅 */
  --glaze-2:      #c2dad2;   /* 釉中 */
  --celadon:      #56837a;   /* 影青：主色 */
  --celadon-deep: #2e4f48;   /* 青瓷深处：标题、聚焦线 */
  --glaze-ink:    #22302c;   /* 墨：正文 */
  --glaze-ink-2:  #5e716b;   /* 淡墨：标签 */
  --glaze-ink-3:  #93a49e;   /* 更淡：辅助文字 */
  --cinnabar:     #b5382c;   /* 朱砂：全页唯一的饱和色。印章 + 报错 */
}
