/**
 * EonDesk Admin — 全局 Design Tokens
 * 默认主题保持原有冷灰办公后台；护眼模式在文末覆盖为低亮度暖灰纸感。
 */
:root {
  /* ── 页面与表面 ── */
  --bg-page: #E9EBEF;
  --bg-page-warm: #EBE9E4;
  --bg-surface: #F1F3F5;
  --bg-surface-subtle: #E8EBF0;
  --bg-surface-hover: #DDE1E8;
  --bg-inset: #E4E7ED;
  --bg-sidebar: #E3E6EB;
  --bg-sidebar-hover: #D8DCE3;
  --bg-sidebar-active: #CFDED4;
  --bg-elevated: #FFFFFF;

  /* ── 品牌主色（EonDesk 森林绿，克制使用） ── */
  --color-brand: #285943;
  --color-brand-hover: #1F4836;
  --color-brand-active: #183528;
  --color-brand-subtle: #CFDED4;
  --color-brand-muted: #5A7A6A;
  --text-on-brand: #FFFFFF;

  /* ── 文字 ── */
  --text-primary: #1F242B;
  --text-secondary: #5C6778;
  --text-muted: #7A8799;
  --text-link: #175CD3;
  --text-link-hover: #1849A9;

  /* ── 边框 ── */
  --border-default: #C5CBD4;
  --border-strong: #B0B7C2;
  --border-subtle: #D5DAE2;
  --border-focus: #84ADFF;

  /* ── 状态色（语义统一，降饱和背景） ── */
  --status-success-bg: #E3F0E8;
  --status-success-text: #027A48;
  --status-success-border: #A8D4BC;

  --status-warning-bg: #F3EDE3;
  --status-warning-text: #B54708;
  --status-warning-border: #E8C99A;

  --status-danger-bg: #F0E4E3;
  --status-danger-text: #B42318;
  --status-danger-border: #E8B4AE;

  --status-info-bg: #E5EDF5;
  --status-info-text: #175CD3;
  --status-info-border: #A8C4E8;

  --status-neutral-bg: #E8EBF0;
  --status-neutral-text: #5C6778;
  --status-neutral-border: #C5CBD4;

  /* ── 字体 ── */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  --font-size-xs: 11px;
  --font-size-sm: 12px;
  --font-size-base: 14px;
  --font-size-md: 15px;
  --font-size-lg: 16px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;

  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;

  --line-height-tight: 1.25;
  --line-height-base: 1.5;
  --line-height-relaxed: 1.6;

  /* ── 间距（4px 基准） ── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;

  /* ── 圆角 ── */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;

  /* ── 阴影（仅浮层/弹窗，卡片靠边框分层） ── */
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.03);
  --shadow-md: 0 4px 16px rgba(16, 24, 40, 0.06);
  --shadow-overlay: 0 16px 48px rgba(16, 24, 40, 0.1);

  /* ── 控件高度 ── */
  --control-height-sm: 32px;
  --control-height-md: 36px;
  --control-height-lg: 40px;

  /* ── 布局 ── */
  --sidebar-width: 252px;
  --header-height: 72px;
  --content-max-width: 1520px;
  --content-padding-x: 24px;
  --content-padding-y: 24px;

  /* ── 层级 ── */
  --z-sidebar: 200;
  --z-header: 150;
  --z-overlay: 400;
  --z-confirm: 500;
  --z-toast: 999;

  /* ── 焦点环（无障碍） ── */
  --focus-ring: 0 0 0 2px var(--bg-surface), 0 0 0 4px var(--border-focus);

  /* ── 过渡 ── */
  --transition-fast: 0.12s ease;
  --transition-base: 0.15s ease;

  /* ── 兼容旧 inline var 引用 ── */
  --line: var(--border-default);
  --surface-2: var(--bg-surface-subtle);
  --ink-faint: var(--text-muted);

  /* ── 数据可视化（Dashboard / 图表，克制使用） ── */
  --chart-primary: var(--color-brand);
  --chart-secondary: #175CD3;
  --chart-tertiary: #B54708;
  --chart-neutral: var(--text-muted);
  --z-modal: var(--z-overlay);
}

/* ── 护眼模式：降低大面积表面的亮度，并将冷蓝灰统一偏向暖米灰 ── */
:root[data-admin-theme='eye-care'] {
  --bg-page: #E3DED5;
  --bg-page-warm: #E6E0D6;
  --bg-surface: #EDE8DF;
  --bg-surface-subtle: #E5DFD5;
  --bg-surface-hover: #DAD3C8;
  --bg-inset: #DED8CE;
  --bg-sidebar: #DDD7CD;
  --bg-sidebar-hover: #D2CBC0;
  --bg-sidebar-active: #CAD8CC;
  --bg-elevated: #EDE8DF;

  --color-brand-subtle: #CAD8CC;
  --color-brand-muted: #5D7869;
  --text-on-brand: #F6F1E8;

  --text-primary: #292722;
  --text-secondary: #625E56;
  --text-muted: #6E685F;
  --text-link: #315F8C;
  --text-link-hover: #274D72;

  --border-default: #C5BDB1;
  --border-strong: #AEA69A;
  --border-subtle: #D4CDC2;
  --border-focus: #789582;

  --status-success-bg: #DDE9DF;
  --status-warning-bg: #EDE3D5;
  --status-danger-bg: #EADBD8;
  --status-info-bg: #DDE3E8;
  --status-info-text: #315F8C;
  --status-info-border: #A9BBCB;
  --status-neutral-bg: #E2DCD3;
  --status-neutral-text: #625E56;
  --status-neutral-border: #C5BDB1;

  --chart-secondary: #315F8C;
}