/* FitTrack Modern Commercial SaaS Design System Tokens (Linear / Vercel Grade) */
:root {
  /* 调色板 Palette */
  --bg-dark: #080C15;
  --bg-canvas: #080C15;
  --bg-sidebar: #0C1220;
  --bg-surface: #101827;
  --bg-card: #131E33;
  --bg-surface-hover: #1A2640;
  --bg-overlay: #172239;

  /* 文字颜色 Typography Colors */
  --text-main: #F8FAFC;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --text-disabled: #475569;

  /* 品牌主色 Accent (Aurora Cyan & Electric Blue) */
  --primary: #06B6D4;
  --primary-hover: #0891B2;
  --primary-subtle: rgba(6, 182, 212, 0.12);
  --primary-border: rgba(6, 182, 212, 0.35);
  --primary-gradient: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%);
  --primary-glow: 0 0 16px rgba(6, 182, 212, 0.25);

  /* 辅助渐变与点睛 Accent Highlights */
  --accent-purple: #8B5CF6;
  --accent-purple-subtle: rgba(139, 92, 246, 0.12);
  --accent-cyan: #06B6D4;

  /* 状态颜色 State Status */
  --color-success: #10B981;
  --bg-success-subtle: rgba(16, 185, 129, 0.12);
  --border-success: rgba(16, 185, 129, 0.3);

  --color-warning: #F59E0B;
  --bg-warning-subtle: rgba(245, 158, 11, 0.12);
  --border-warning: rgba(245, 158, 11, 0.3);

  --color-danger: #F43F5E;
  --bg-danger-subtle: rgba(244, 63, 94, 0.12);
  --border-danger: rgba(244, 63, 94, 0.3);

  --color-info: #38BDF8;
  --bg-info-subtle: rgba(56, 189, 248, 0.12);

  /* 边框 Border Colors */
  --border-color: rgba(255, 255, 255, 0.08);
  --border-subtle: rgba(255, 255, 255, 0.04);
  --border-focus: #06B6D4;
  --border-card-hover: rgba(6, 182, 212, 0.4);

  /* 字体层级 Font Hierarchy */
  --font-size-h1: 22px;
  --font-size-h2: 16px;
  --font-size-h3: 14px;
  --font-size-body: 13px;
  --font-size-sub: 12px;
  --font-size-caption: 11px;

  /* 间距 Spacing */
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 20px;
  --space-xl: 24px;
  --space-2xl: 32px;

  /* 圆角 Radius */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* 商业级层级阴影 Shadow */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25);
  --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.28);
  --shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.36), 0 0 1px rgba(255, 255, 255, 0.15);
  --shadow-overlay: 0 20px 48px rgba(0, 0, 0, 0.6);

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

  /* 尺寸 */
  --sidebar-width: 220px;
  --header-height: 56px;
}