/* ============================================================================
   Amber Neme 设计系统 · token 层 + 新组件（v1 · 2026-09-25）
   ----------------------------------------------------------------------------
   为什么有这个文件：后台（index.html）与客户填写端（intake.html）历史上各自
   积累了 styles/refined/atelier/premium/backend-extra/intake* 等六七套样式，
   变量名重复、取值接近但不一致。从这一版起：

     · **新的颜色/字号/间距/圆角/阴影一律用这里的 `--ds-*` token**，
       不要再往老文件里写死数值；
     · 老文件里的变量名保留（下面的「兼容层」给出同一套值），所以老样式不会变；
     · 新组件（分页条、跳转链接、读屏文本等）只在本文件里定义。

   组件清单（新增 UI 请优先复用）：
     .ds-skip-link            跳转到主内容（键盘可达，Tab 第一个焦点）
     .ds-sr-only              只给读屏看的文本
     .ds-page-bar             列表分页条（每页条数 / 共 N 条 / 上一页 / 下一页）
       .ds-page-size .ds-page-info
     全局 :focus-visible       键盘焦点统一金色外框（鼠标点击不出现）
   ============================================================================ */

:root{
  /* —— 品牌色阶（每色 4 级）—— */
  --ds-navy-900:#0a1f38; --ds-navy-700:#0b2340; --ds-navy-600:#123a63; --ds-navy-400:#3d6b96;
  --ds-gold-700:#8a6214; --ds-gold-500:#c99a45; --ds-gold-400:#d9b25f; --ds-gold-100:#fdf6e6;
  --ds-ink-900:#12243c;  --ds-ink-700:#2f4356;  --ds-ink-500:#4b5b6f;  --ds-ink-300:#6c7a8f;
  --ds-line-300:#dbe3ec; --ds-line-200:#e4e9ef; --ds-line-100:#eef1f6;
  --ds-surface:#ffffff;  --ds-surface-soft:#f7fafc; --ds-canvas:#f5f7f9;
  --ds-success:#198f72;  --ds-warning:#b07b18;  --ds-danger:#bf4b55;  --ds-info:#2c6da3;

  /* —— 字号 / 行高 —— */
  --ds-text-xs:11px; --ds-text-sm:12.5px; --ds-text-md:13.5px;
  --ds-text-lg:16px; --ds-text-xl:20px;  --ds-text-2xl:26px;
  --ds-leading-tight:1.35; --ds-leading-normal:1.7; --ds-leading-loose:1.9;

  /* —— 间距（4 的倍数）—— */
  --ds-space-1:4px; --ds-space-2:8px; --ds-space-3:12px; --ds-space-4:16px;
  --ds-space-5:20px; --ds-space-6:24px; --ds-space-7:32px; --ds-space-8:40px;

  /* —— 圆角 / 阴影 —— */
  --ds-radius-sm:8px; --ds-radius-md:12px; --ds-radius-lg:16px; --ds-radius-pill:999px;
  --ds-shadow-sm:0 1px 2px rgba(16,35,57,.05),0 6px 18px rgba(16,35,57,.04);
  --ds-shadow-md:0 14px 40px rgba(16,35,57,.08);
  --ds-shadow-lg:0 24px 60px rgba(6,20,38,.30);
  --ds-focus-color:#c99a45;

  /* —— 兼容层：老样式文件用到的变量名，值统一从这里取 ——
     （老文件自己的 :root 仍在本文件之后加载，取值以老文件为准，视觉零变化） */
  --ink:var(--ds-ink-900); --muted:var(--ds-ink-300); --faint:#93a2b3;
  --line:var(--ds-line-200); --line-strong:var(--ds-line-300); --line-soft:var(--ds-line-100);
  --soft:#f4f7f9; --navy:var(--ds-navy-700); --navy2:var(--ds-navy-600);
  --gold:var(--ds-gold-500); --gold2:var(--ds-gold-400); --gold-ink:var(--ds-gold-700);
  --gold-soft:var(--ds-gold-100); --gold-line:#ecd9ac;
  --green:var(--ds-success); --red:var(--ds-danger);
  --shadow:var(--ds-shadow-md); --shadow-sm:var(--ds-shadow-sm);
}

/* ---------------------------------------------------------------- 可达性 --- */
.ds-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ds-skip-link{position:absolute;left:-9999px;top:0;z-index:10060;
  padding:10px 16px;border-radius:0 0 var(--ds-radius-md) 0;
  background:var(--ds-navy-700);color:#fff;font-size:var(--ds-text-sm);font-weight:750;
  text-decoration:none}
.ds-skip-link:focus{left:0;outline:2px solid var(--ds-gold-500);outline-offset:2px}
/* 键盘焦点：统一金色外框。用 outline（而不是 box-shadow），不会顶掉按钮自己的投影 */
:where(a,button,select,input,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--ds-focus-color);outline-offset:2px}

/* ------------------------------------------------------------ 语言切换 --- */
/* 顶部语言切换按钮（不是下拉）：只在 NEME 视角出现，点一下在 English ⇄ Português 之间切换。
   安博同事的界面固定中文，按钮由 CSS 直接隐藏（body 没有 neme-mode）。 */
.lang-switch{display:none;align-items:center;gap:6px;height:38px;padding:0 12px;
  border:1px solid var(--ds-line-200);border-radius:var(--ds-radius-sm);background:#fff;
  color:var(--ds-ink-900);font-size:var(--ds-text-sm);font-weight:750;cursor:pointer;
  transition:.18s}
body.neme-mode .lang-switch{display:inline-flex}
.lang-switch:hover{border-color:var(--ds-gold-500);color:var(--ds-gold-700)}
.lang-switch em{font-style:normal;color:var(--ds-gold-500);font-size:13px}

/* ------------------------------------------------------------ 列表分页条 --- */
.ds-page-bar{display:flex;align-items:center;justify-content:flex-end;
  gap:var(--ds-space-3);flex-wrap:wrap;margin:0 0 var(--ds-space-3)}
.ds-page-size{display:inline-flex;align-items:center;gap:var(--ds-space-2);
  font-size:var(--ds-text-sm);color:var(--ds-ink-300);font-weight:700}
.ds-page-size select{border:1px solid var(--ds-line-200);border-radius:var(--ds-radius-sm);
  padding:6px 8px;background:var(--ds-surface);color:var(--ds-ink-900);font-size:var(--ds-text-sm)}
.ds-page-info{font-size:var(--ds-text-sm);color:var(--ds-ink-300);min-width:96px;text-align:right}
.ds-page-bar .btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}