/* 提卡系统 · 设计令牌（自助提卡中心 UI 复刻：亮蓝主色、浅底、16px 卡片） */
:root {
  --c-primary: #2563EB;
  --c-primary-hover: #1D4ED8;
  --c-primary-active: #1E40AF;
  --c-primary-soft: #EFF6FF;
  --c-primary-line: #BFDBFE;
  --c-success: #16A34A;
  --c-success-soft: #F0FDF4;
  --c-success-line: #BBF7D0;
  --c-warning: #8A5A12;
  --c-warning-fill: #B45309;
  --c-warning-soft: #F8F4EC;
  --c-warning-line: #E6D7B8;
  --c-danger: #B42318;
  --c-danger-hover: #912018;
  --c-danger-soft: #FEF2F2;
  --c-danger-line: #FECACA;
  --c-test: #64748B;
  --c-test-bg: #F8FAFC;
  --c-test-line: #E2E8F0;

  --c-ink: #17233D;
  --c-ink-900: #17233D;
  --c-text: #475569;
  --c-muted: #64748B;
  --c-core-subtle: #64748B;
  --c-core-accent: #2563EB;
  --c-placeholder: #94A3B8;
  --c-line: #E2E8F0;
  --c-line-strong: #CBD5E1;
  --c-bg: #F5F7FB;
  --c-core-bg: #F5F7FB;
  --c-surface: #FFFFFF;
  --c-table-head: #F8FAFC;
  --c-overlay: rgb(23 35 61 / 40%);
  --c-disabled-bg: #E2E8F0;
  --c-disabled-text: #94A3B8;

  --font-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Hiragino Sans GB", "Segoe UI", sans-serif;
  --font-mono: "SF Mono", ui-monospace, "Menlo", "Consolas", "Roboto Mono", "Liberation Mono", monospace;

  --fs-12: 12px;  --fs-13: 13px;  --fs-14: 14px;  --fs-16: 16px;
  --fs-18: 18px;  --fs-20: 20px;  --fs-22: 22px;  --fs-24: 24px;
  --fs-28: 28px;  --fs-30: 30px;  --fs-36: 36px;
  --fs-card-number: 18px;
  --lh-tight: 1.25; --lh-body: 1.5;
  --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700;
  --track-title: -0.02em;
  --track-label: 0.01em;
  --track-brand: 0.02em;

  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px;
  --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px;

  --r-sm: 6px; --r-md: 8px; --r-lg: 16px; --r-xl: 16px; --r-pill: 999px;
  --r-card: 16px; --r-ctl: 10px;

  --sh-bar: 0 1px 0 rgb(23 35 61 / 6%);
  --sh-card: 0 8px 24px rgb(23 35 61 / 4%);
  --sh-core: 0 8px 24px rgb(23 35 61 / 4%);
  --sh-pop: 0 12px 28px rgb(23 35 61 / 10%);
  --focus-ring: 0 0 0 3px rgb(37 99 235 / 18%);

  --touch-min: 44px;
  --btn-h-lg: 48px;
  --input-h-lg: 48px;
  --admin-ctl-h: 36px;
  --admin-sidebar-w: 216px;
  --admin-topbar-h: 64px;
  --phone-w: 390px;
  --content-max: 1200px;
  --form-max: 760px;

  --ease: cubic-bezier(.22, 1, .36, 1);
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --dur-fast: 120ms; --dur: 200ms; --dur-slow: 240ms;

  --z-sticky: 100; --z-drawer: 300; --z-modal: 400; --z-toast: 500;
}