/**
 * CSS 变量（非 Tailwind 场景消费，如 Uni-app 子站后续视觉统一参考、登录页原生 CSS）。
 * 与 src/index.ts 冻结值一致；改动请先改 src/index.ts 再同步本文件。
 * 前缀 --yr-（yuren），避免与组件库变量冲突。
 */
:root {
  /* 主色：深海蓝 */
  --yr-color-primary-50: #eff6ff;
  --yr-color-primary-100: #dbeafe;
  --yr-color-primary-200: #bfdbfe;
  --yr-color-primary-300: #93c5fd;
  --yr-color-primary-400: #60a5fa;
  --yr-color-primary-500: #3b82f6;
  --yr-color-primary-600: #2563eb;
  --yr-color-primary-700: #1d4ed8;
  --yr-color-primary-800: #1e40af;
  --yr-color-primary-900: #1e3a8a;
  --yr-color-primary-950: #172554;
  --yr-color-primary: var(--yr-color-primary-600);

  /* 辅助色：科技青 */
  --yr-color-accent-50: #ecfeff;
  --yr-color-accent-100: #cffafe;
  --yr-color-accent-200: #a5f3fc;
  --yr-color-accent-300: #67e8f9;
  --yr-color-accent-400: #22d3ee;
  --yr-color-accent-500: #06b6d4;
  --yr-color-accent-600: #0891b2;
  --yr-color-accent-700: #0e7490;
  --yr-color-accent-800: #155e75;
  --yr-color-accent-900: #164e63;
  --yr-color-accent-950: #083344;
  --yr-color-accent: var(--yr-color-accent-600);

  /* 中性色：冷灰 */
  --yr-color-neutral-50: #f8fafc;
  --yr-color-neutral-100: #f1f5f9;
  --yr-color-neutral-200: #e2e8f0;
  --yr-color-neutral-300: #cbd5e1;
  --yr-color-neutral-400: #94a3b8;
  --yr-color-neutral-500: #64748b;
  --yr-color-neutral-600: #475569;
  --yr-color-neutral-700: #334155;
  --yr-color-neutral-800: #1e293b;
  --yr-color-neutral-900: #0f172a;
  --yr-color-neutral-950: #020617;

  /* 语义色：成功阶梯 */
  --yr-color-success-50: #f0fdf4;
  --yr-color-success-100: #dcfce7;
  --yr-color-success-200: #bbf7d0;
  --yr-color-success-300: #86efac;
  --yr-color-success-400: #4ade80;
  --yr-color-success-500: #22c55e;
  --yr-color-success-600: #16a34a;
  --yr-color-success-700: #15803d;
  --yr-color-success-800: #166534;
  --yr-color-success-900: #14532d;
  --yr-color-success-950: #052e16;
  --yr-color-success: var(--yr-color-success-600);

  /* 语义色：警告阶梯 */
  --yr-color-warning-50: #fffbeb;
  --yr-color-warning-100: #fef3c7;
  --yr-color-warning-200: #fde68a;
  --yr-color-warning-300: #fcd34d;
  --yr-color-warning-400: #fbbf24;
  --yr-color-warning-500: #f59e0b;
  --yr-color-warning-600: #d97706;
  --yr-color-warning-700: #b45309;
  --yr-color-warning-800: #92400e;
  --yr-color-warning-900: #78350f;
  --yr-color-warning-950: #451a03;
  --yr-color-warning: var(--yr-color-warning-600);

  /* 语义色：危险 / 错误阶梯 */
  --yr-color-danger-50: #fef2f2;
  --yr-color-danger-100: #fee2e2;
  --yr-color-danger-200: #fecaca;
  --yr-color-danger-300: #fca5a5;
  --yr-color-danger-400: #f87171;
  --yr-color-danger-500: #ef4444;
  --yr-color-danger-600: #dc2626;
  --yr-color-danger-700: #b91c1c;
  --yr-color-danger-800: #991b1b;
  --yr-color-danger-900: #7f1d1d;
  --yr-color-danger-950: #450a0a;
  --yr-color-danger: var(--yr-color-danger-600);

  --yr-color-info: var(--yr-color-accent-600);

  /* 语义别名（浅色基调） */
  --yr-bg-page: var(--yr-color-neutral-50);
  --yr-bg-card: #ffffff;
  --yr-text-title: var(--yr-color-neutral-900);
  --yr-text-body: var(--yr-color-neutral-700);
  --yr-text-secondary: var(--yr-color-neutral-500);
  --yr-border: var(--yr-color-neutral-200);
  --yr-border-strong: var(--yr-color-neutral-300);

  /* 字体（系统字体栈，无 webfont） */
  --yr-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --yr-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  /* 字号 / 行高 */
  --yr-text-xs: 0.75rem;   --yr-leading-xs: 1.125rem;
  --yr-text-sm: 0.875rem;  --yr-leading-sm: 1.375rem;
  --yr-text-base: 1rem;    --yr-leading-base: 1.625rem;
  --yr-text-lg: 1.125rem;  --yr-leading-lg: 1.75rem;
  --yr-text-xl: 1.25rem;   --yr-leading-xl: 1.875rem;
  --yr-text-2xl: 1.5rem;   --yr-leading-2xl: 2rem;
  --yr-text-3xl: 1.875rem; --yr-leading-3xl: 2.375rem;
  --yr-text-4xl: 2.25rem;  --yr-leading-4xl: 2.75rem;
  --yr-text-5xl: 3rem;     --yr-leading-5xl: 1.15;

  /* 圆角 */
  --yr-radius-sm: 0.25rem;
  --yr-radius-base: 0.375rem;
  --yr-radius-md: 0.5rem;
  --yr-radius-lg: 0.75rem;
  --yr-radius-xl: 1rem;
  --yr-radius-full: 9999px;

  /* 间距（4px 基准） */
  --yr-spacing-1: 0.25rem;
  --yr-spacing-2: 0.5rem;
  --yr-spacing-3: 0.75rem;
  --yr-spacing-4: 1rem;
  --yr-spacing-5: 1.25rem;
  --yr-spacing-6: 1.5rem;
  --yr-spacing-8: 2rem;
  --yr-spacing-10: 2.5rem;
  --yr-spacing-12: 3rem;
  --yr-spacing-16: 4rem;

  /* 布局 */
  --yr-container-max: 75rem;
  --yr-header-height: 4rem;
  --yr-header-height-mobile: 3.5rem;
}