/* 极舟 · 设计令牌
   唯一来源。桌面客户端原型（design/prototype/）、运营管理后台、设计资产都只引用这里。
   规范说明见 ui-spec.md；新增令牌先在本文件登记，再在组件里使用。 */

:root {
  /* ---------- 品牌色 ---------- */
  --color-brand: #007aff;
  --color-brand-hover: #0071e3;
  --color-brand-deep: #0055b3;
  --color-brand-light: #4da3ff;
  --color-brand-soft: #eef6ff;
  --color-brand-ink: #0057b8;
  --color-brand-line: rgba(0, 122, 255, 0.24);

  /* ---------- 中性色 ---------- */
  --color-ink: #1d1d1f;
  --color-ink-2: #424245;
  --color-muted: #86868b;
  --color-muted-2: #a1a1a6;
  --color-white: #ffffff;

  /* ---------- 表面 ---------- */
  --color-page: #f5f5f7;
  --color-page-warm: #f5f5f7;
  --color-surface: #ffffff;
  --color-surface-glass: rgba(255, 255, 255, 0.86);
  --color-surface-glass-strong: rgba(255, 255, 255, 0.96);
  --color-surface-soft: rgba(0, 0, 0, 0.028);
  --color-surface-hover: rgba(0, 0, 0, 0.045);
  --color-overlay: rgba(0, 0, 0, 0.28);

  /* ---------- 描边 ---------- */
  --color-line: rgba(0, 0, 0, 0.08);
  --color-line-strong: rgba(0, 0, 0, 0.14);
  --color-line-glass: rgba(0, 0, 0, 0.08);

  /* ---------- 状态色 ---------- */
  --color-ok: #248a3d;
  --color-ok-soft: rgba(52, 199, 89, 0.12);
  --color-warn: #b25000;
  --color-warn-soft: rgba(255, 159, 10, 0.14);
  --color-danger: #d70015;
  --color-danger-soft: rgba(255, 59, 48, 0.1);
  --color-warn-ink: #8a3d00;
  --color-danger-ink: #a3000f;
  --color-info: var(--color-brand);
  --color-info-soft: var(--color-brand-soft);

  /* ---------- 渐变与氛围 ---------- */
  --gradient-page: #f5f5f7;
  --gradient-auth: #f5f5f7;
  --gradient-brand: linear-gradient(180deg, #0a84ff 0%, #0071e3 100%);
  --gradient-bar: linear-gradient(180deg, #4da3ff 0%, #007aff 100%);
  --gradient-fade: linear-gradient(180deg, rgba(245, 245, 247, 0.92) 0%, rgba(245, 245, 247, 0.72) 70%, rgba(245, 245, 247, 0) 100%);

  /* ---------- 字体 ---------- */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: "SF Mono", ui-monospace, Menlo, monospace;

  --fs-display: clamp(32px, 3.6vw, 46px);
  --fs-h1: 30px;
  --fs-h2: 24px;
  --fs-h3: 20px;
  --fs-h4: 17px;
  --fs-lg: 16px;
  --fs-md: 14.5px;
  --fs-base: 13.5px;
  --fs-sm: 13px;
  --fs-xs: 12px;
  --fs-2xs: 11px;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;

  --lh-tight: 1.25;
  --lh-snug: 1.4;
  --lh-base: 1.5;
  --lh-relaxed: 1.65;
  --lh-loose: 1.8;

  --tracking-tight: -0.35px;
  --tracking-normal: 0;
  --tracking-wide: 1.2px;

  /* ---------- 间距（4 的倍数为主） ---------- */
  --sp-1: 2px;
  --sp-2: 4px;
  --sp-3: 6px;
  --sp-4: 8px;
  --sp-5: 10px;
  --sp-6: 12px;
  --sp-7: 14px;
  --sp-8: 16px;
  --sp-9: 18px;
  --sp-10: 20px;
  --sp-11: 22px;
  --sp-12: 24px;
  --sp-14: 28px;
  --sp-16: 32px;
  --sp-18: 36px;
  --sp-20: 40px;
  --sp-24: 48px;
  --sp-32: 64px;

  /* ---------- 圆角 ---------- */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 10px;
  --r-xl: 12px;
  --r-pill: 980px;

  /* ---------- 阴影 ---------- */
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-card-dense: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-float: 0 10px 34px rgba(0, 0, 0, 0.13), 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-modal: 0 24px 70px rgba(0, 0, 0, 0.22), 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-brand: 0 1px 2px rgba(0, 90, 200, 0.24);
  --shadow-avatar: 0 1px 2px rgba(0, 0, 0, 0.08);
  --shadow-inset-soft: inset 0 0 0 1px rgba(0, 0, 0, 0.04);

  /* ---------- 动效 ---------- */
  --ease-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-out: ease-out;
  --dur-fast: 120ms;
  --dur-base: 180ms;
  --dur-slow: 240ms;

  /* ---------- 尺寸 ---------- */
  --control-h-sm: 26px;
  --control-h-md: 30px;
  --control-h-lg: 36px;
  --icon-xs: 13px;
  --icon-sm: 15px;
  --icon-md: 18px;
  --icon-lg: 24px;
  --icon-xl: 26px;
  --topbar-h: 52px;
  --composer-h: 56px;
  --layout-max: 1240px;
  --content-px: 40px;
  --sidebar-w: 220px;
  --admin-head-h: 56px;
  --drawer-w: 420px;
  --modal-w: 560px;

  /* ---------- 层级 ---------- */
  --z-sticky: 40;
  --z-composer: 50;
  --z-backdrop: 80;
  --z-drawer: 90;
  --z-modal: 95;
  --z-toast: 120;
  --z-login: 200;

  /* ---------- 兼容短名（页面样式沿用，不新增） ---------- */
  --ink: var(--color-ink);
  --ink-2: var(--color-ink-2);
  --muted: var(--color-muted);
  --muted-2: var(--color-muted-2);
  --blue: var(--color-brand);
  --blue-2: var(--color-brand-light);
  --blue-soft: var(--color-brand-soft);
  --blue-line: var(--color-brand-line);
  --line: var(--color-line);
  --line-strong: var(--color-line-strong);
  --card: var(--color-surface-glass);
  --card-strong: var(--color-surface-glass-strong);
  --bg: var(--color-page);
  --danger: var(--color-danger);
  --warn: var(--color-warn);
  --ok: var(--color-ok);
  --pill: var(--r-pill);
  --font: var(--font-sans);
}