/* =====================================================================
   站点级设计令牌（SSOT，唯一令牌源）
   参考AWS / Cloudscape 调色板。
   本文件是全站唯一的变量定义来源：
     · site-polish.css / loop.css 不再重复定义 --aws-* / --lp-*，只引用
     · 全站仅浅色（深色模式已于 2026-10-11 下线）
   注意：homepage.php（营销页）自带内联令牌，不依赖本文件。
   ===================================================================== */
:root{
  /* ---------- 字体 ---------- */
  --font-sans:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  --font-num:"SF Mono","Cascadia Code","Consolas",monospace;
  --font-size-base:13px;

  /* ---------- 颜色（浅色为默认值） ---------- */
  --aws-navy:#232F3E;
  --aws-navy-hover:#31465C;
  --aws-orange:#FF9900;
  --aws-orange-hover:#EC7211;
  --aws-orange-light:#FFF7ED;
  --aws-blue:#0073BB;
  --aws-blue-hover:#005A92;
  --aws-blue-light:#E6F2FA;
  --aws-green:#1B8A3D;
  --aws-green-light:#E6F4EA;
  --aws-red:#C0392B;
  --aws-red-light:#FEF2F2;
  --aws-text:#16191F;
  --aws-text-secondary:#545B64;
  --aws-text-tertiary:#879596;
  --aws-bg:#F2F3F5;
  --aws-white:#fff;
  --aws-border:#D5DBDB;
  --aws-border-light:#EAEDED;
  --aws-shadow:0 1px 1px rgba(0,0,0,.10);
  --aws-surface:#FFFFFF;          /* 卡片 / 面板表面色（深色模式整体换肤的抓手） */
  --aws-surface-2:#FAFAFA;        /* 表头 / 次级表面 */
  --aws-hover-row:#F8F9FA;        /* 表格行悬停 */

  /* ---------- 圆角（收敛为三档 + 胶囊） ---------- */
  --r-xs:3px;      /* 徽章 / 微标签 */
  --r-sm:6px;      /* 按钮 / 输入框 */
  --r-lg:8px;      /* 卡片 / 弹窗 */
  --r-pill:999px;

  /* ---------- 阴影 ---------- */
  --sh-card:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.08);
  --sh-hover:0 4px 10px rgba(16,24,40,.10),0 2px 4px rgba(16,24,40,.06);
  --sh-pop:0 10px 30px rgba(16,24,40,.16);

  /* ---------- 间距 ---------- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px;

  /* ---------- 布局 ---------- */
  --geo-sidebar-w:240px;   /* 侧栏宽度（原 240px 硬编码三处统一到这里） */
  --geo-topbar-h:56px;

  /* ---------- 页面短别名兼容映射（各页内联样式沿用的变量名） ---------- */
  --navy:var(--aws-navy);
  --org:var(--aws-orange);
  --blu:var(--aws-blue);
  --grn:var(--aws-green);
  --red:var(--aws-red);
  --bd:var(--aws-border);
  --bdl:var(--aws-border-light);
  --bg:var(--aws-bg);
  --txt:var(--aws-text);
  --sub:var(--aws-text-secondary);

  /* ---------- 闭环层兼容映射（loop.css / lp 页面沿用） ---------- */
  --lp-navy:var(--aws-navy);
  --lp-primary:var(--aws-orange);
  --lp-bd:var(--aws-border);
  --lp-bdl:var(--aws-border-light);
  --lp-bg:var(--aws-bg);
  --lp-txt:var(--aws-text);
  --lp-sub:var(--aws-text-secondary);
  /* 闭环层语义色收敛到 AWS 三色（2026-10-16）：此前用 Tailwind emerald/amber/red，
     与全站绿/橙/红并存，同一「成功/警告/危险」出现两种色相。 */
  --lp-ok:var(--aws-green);
  --lp-warn:var(--aws-orange-hover);
  --lp-danger:var(--aws-red);
}

/* 标题层级：统一字号
   注意：这里不设置 color —— 否则「元素自身声明」会覆盖继承，
   深色容器（顶栏 / 侧栏 / 深色卡片）里的标题会被强制成近黑色而看不清。
   颜色交由继承决定（正文继承 body 的 --aws-text，深色容器继承其白色）。 */
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-sans);
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1.25;
  margin:0;
}
h1{font-size:18px}h2{font-size:16px}h3{font-size:14px}

/* 聚焦态：AWS 橙色环（键盘可达性） */
:focus-visible{
  outline:2px solid var(--aws-orange);
  outline-offset:2px;
  border-radius:2px;
}

/* 文本选区 */
::selection{
  background:rgba(255,153,0,.18);
  color:var(--aws-text);
}

/* 滚动条细化（现代感） */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#C9CED4;border-radius:6px;border:2px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:#AEB4BB}
::-webkit-scrollbar-track{background:transparent}
