/* 昱森界面体系 · 经与纬 v2.0
 * Canonical source. Run python scripts/sync-design-tokens.py after editing.
 * Brand colors describe identity; success/warning/danger retain business meaning.
 */
:root {
  --ys-brand-50: #edf7f7;
  --ys-brand-100: #d5eded;
  --ys-brand-200: #aedada;
  --ys-brand-300: #7bc3c4;
  --ys-brand-400: #45a6a8;
  --ys-brand-500: #228f92;
  --ys-brand-600: #087f82;
  --ys-brand-700: #06676a;
  --ys-brand-800: #0c5257;
  --ys-brand-900: #123f46;
  --ys-brand-950: #172f3d;
  --ys-brand: var(--ys-brand-600);
  --ys-brand-hover: var(--ys-brand-700);
  --ys-brand-soft: var(--ys-brand-50);
  --ys-ink: #172f3d;
  --ys-text: #223b46;
  --ys-text-secondary: #546970;
  --ys-text-muted: #5d727a;
  --ys-canvas: #f3f6f7;
  --ys-surface: #ffffff;
  --ys-surface-subtle: #f7f9fa;
  --ys-border: #d9e3e6;
  --ys-border-strong: #b8cacf;
  --ys-nav: #172f3d;
  --ys-nav-hover: #213f4c;
  --ys-nav-active: #254b56;
  --ys-nav-text: #c4d4d9;
  --ys-nav-muted: #a1b9c2;
  --ys-nav-indicator: #77d4d0;
  --ys-success: #28744f;
  --ys-success-soft: #edf6ef;
  --ys-warning: #8a5d18;
  --ys-warning-soft: #fff5df;
  --ys-danger: #b23c3c;
  --ys-danger-soft: #fdf0ef;
  --ys-info: #3269a8;
  --ys-info-soft: #eef4fc;
  --ys-gold: #a57737;
  --ys-font: "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;
  --ys-font-numeric: "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --ys-radius-sm: 6px;
  --ys-radius-md: 8px;
  --ys-radius-lg: 12px;
  --ys-space-1: 4px;
  --ys-space-2: 8px;
  --ys-space-3: 12px;
  --ys-space-4: 16px;
  --ys-space-6: 24px;
  --ys-space-8: 32px;
  --ys-control-height: 40px;
  --ys-touch-height: 44px;
  --ys-sidebar-width: 208px;
  --ys-topbar-height: 56px;
  --ys-page-title-size: 24px;
  --ys-body-size: 14px;
  --ys-meta-size: 12px;
  --ys-content-gap: 20px;
  --ys-focus: 0 0 0 3px #087f8233;
  --ys-shadow-panel: 0 1px 2px #172f3d08;
  --ys-shadow-overlay: 0 12px 40px #172f3d24;
  --ys-duration-fast: 150ms;
  --ys-duration-normal: 200ms;
  /* 疏纱标志：细白纱加一条 #77d4d0，替换原来的粗经纬网格。产品内标记读这一条，不另请求图片。 */
  --ys-brand-mark: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20role%3D%22img%22%20aria-label%3D%22%E6%98%B1%E6%A3%AE%22%3E%3Crect%20width%3D%2264%22%20height%3D%2264%22%20rx%3D%2213%22%20fill%3D%22%23172f3d%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M14.9%2020.25C21%2020.38%2030%2020.15%2038%2020.28C43%2020.36%2047%2020.2%2049.3%2020.28%22%20stroke%3D%22%23f4f8fb%22%20stroke-width%3D%221.7%22%2F%3E%3Cpath%20d%3D%22M14.95%2027.85C20%2027.68%2028%2027.95%2036%2027.78C42%2027.66%2046.5%2027.82%2049.3%2027.84%22%20stroke%3D%22%23c5d8e6%22%20stroke-width%3D%221.7%22%2F%3E%3Cpath%20d%3D%22M14.9%2042.68C22%2042.8%2032%2042.95%2040%2042.78C45%2042.68%2047.6%2042.74%2049.35%2042.72%22%20stroke%3D%22%23f4f8fb%22%20stroke-width%3D%221.7%22%2F%3E%3Cpath%20d%3D%22M20.72%2014.7C20.95%2020%2020.85%2026%2020.95%2032C20.75%2039%2021.05%2045%2021.02%2049.2%22%20stroke%3D%22%23f4f8fb%22%20stroke-width%3D%221.7%22%2F%3E%3Cpath%20d%3D%22M28.42%2014.7C28.15%2019%2028.65%2025%2028.72%2030C28.35%2036%2028.55%2043%2028.68%2049.2%22%20stroke%3D%22%23c5d8e6%22%20stroke-width%3D%221.75%22%2F%3E%3Cpath%20d%3D%22M35.72%2014.6C35.48%2021%2036.05%2029%2035.9%2037C36.08%2043%2036.05%2046.5%2036.05%2049.3%22%20stroke%3D%22%2377d4d0%22%20stroke-width%3D%221.95%22%2F%3E%3Cpath%20d%3D%22M43.66%2014.6C43.42%2021%2043.95%2028%2043.7%2035C43.5%2041%2043.78%2046%2043.7%2049.3%22%20stroke%3D%22%23f4f8fb%22%20stroke-width%3D%221.7%22%2F%3E%3Cpath%20d%3D%22M14.95%2035.15C22%2035.32%2030%2034.92%2038%2035.08C44%2035.2%2047.2%2035.12%2049.25%2035.1%22%20stroke%3D%22%2377d4d0%22%20stroke-width%3D%221.95%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
