/**
 * CY Universe Design Tokens
 * Source: update.cy-universe.com 官方门户 / 正式说明书橙灰体系
 * Version: 2026-07-15
 *
 * 用法：在目标站点 <head> 中：
 *   <link rel="stylesheet" href="https://lab.cy-universe.com/design-kit/css/tokens.css" />
 * 然后在页面 CSS 中使用 var(--accent) 等变量。
 */
:root {
  /* 页面与面板 */
  --page-bg: #EDF0F3;
  --panel: #FFFFFF;
  --panel-soft: #F7F8FA;
  --panel-warm: #FFFBF6;

  /* 文字 */
  --ink: #24282D;
  --text: #33383F;
  --muted: #737A83;
  --muted-light: #979DA4;

  /* 线框 */
  --line: #D6DBE1;
  --line-light: #E8EBEF;

  /* 品牌橙 */
  --accent: #E98A2F;
  --accent-dark: #BD651C;
  --accent-deep: #8E4914;
  --accent-soft: #FFF4E8;
  --accent-hover: #F09A3F;
  --accent-border: #F0C48A;
  --accent-focus: #F0B273;

  /* 侧栏深灰 */
  --sidebar: #292E34;
  --sidebar-2: #343A41;

  /* 语义色 */
  --success: #536F5D;
  --danger: #A45353;
  --warn-bg: #FBF2F2;
  --warn-border: #E8C4C4;
  --warn-text: #8A4040;

  /* 圆角与阴影 */
  --radius: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow: 0 10px 30px rgba(38, 45, 53, 0.07);
  --shadow-sm: 0 2px 10px rgba(38, 45, 53, 0.05);
  --shadow-accent: 0 4px 14px rgba(233, 138, 47, 0.28);

  /* 字体 */
  --font: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
  --font-mono: Consolas, "Cascadia Mono", monospace;

  /* 字号阶梯 */
  --fs-xs: 12px;
  --fs-sm: 13.5px;
  --fs-base: 15px;
  --fs-md: 16px;
  --fs-lg: 18px;
  --fs-xl: clamp(22px, 2.4vw, 28px);
  --fs-hero: clamp(30px, 4.2vw, 46px);
  --lh: 1.75;
  --lh-tight: 1.35;

  /* 导航高度 */
  --nav-h: 64px;
}

/* 可选：直接套用基础 body 底色（不强制） */
.cy-kit-body {
  margin: 0;
  font-family: var(--font);
  font-size: var(--fs-base);
  line-height: var(--lh);
  color: var(--text);
  background:
    radial-gradient(circle at 88% 4%, rgba(233, 138, 47, 0.06), transparent 28%),
    var(--page-bg);
  -webkit-font-smoothing: antialiased;
}
