/* ============================================
   tokens.css - 荣朗防爆设计令牌系统
   配色：工业蓝 #163A5F + 安全黄 #F5B800（修改方案强制落地）
   ============================================ */

:root {
  /* 品牌固定色值（修改方案强制落地） */
  --color-primary: #163A5F;          /* 主色工业蓝：导航、标题、主边框、主按钮底色 */
  --color-primary-dark: #222831;     /* 辅助深灰：深色背景、侧边栏 */
  --color-primary-light: #2D4A6F;    /* 工业蓝浅色版 */
  --color-accent: #F5B800;           /* 防爆强调安全黄：重点参数、标签、主CTA、警示文字 */
  --color-accent-dark: #C99500;      /* 安全黄深色版 */
  --color-accent-hover: #E0A500;     /* 安全黄 hover 版 */
  --color-accent-active: #C99500;    /* 安全黄 active 版 */
  --color-accent-soft: rgba(245, 184, 0, 0.12);
  --color-accent-10: rgba(245, 184, 0, 0.10);

  --color-bg: #FFFFFF;              /* 纯白：卡片底色 */
  --color-bg-alt: #F5F7FA;           /* 页面背景灰：区块背景 */
  --color-bg-dark: #163A5F;          /* 深色板块背景 */
  --color-border: #E2E8F0;
  --color-border-light: rgba(255, 255, 255, 0.1);

  --color-text: #333333;             /* 正文深灰 */
  --color-text-secondary: #4A5568;
  --color-text-muted: #8892A0;       /* 次要浅灰：备注、说明、次要信息 */
  --color-text-inverse: #fff;
  --color-text-inverse-secondary: rgba(255, 255, 255, 0.8);
  --color-text-inverse-muted: rgba(255, 255, 255, 0.5);

  --color-success: #28A745;
  --color-danger: #DC3545;
  --color-success-bg: #F0FFF4;
  --color-danger-bg: #FFF5F5;
  --color-warning-bg: #FFFAF0;
  --color-info-bg: #EBF8FF;

  --font-sans: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  --font-mono: 'Fira Code', 'Consolas', 'Monaco', monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;

  --font-light: 300;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;

  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.6;
  --leading-relaxed: 1.75;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-14: 3.5rem;
  --space-16: 4rem;
  --space-20: 5rem;

  /* 圆角统一 4px（修改方案：拒绝大小圆角混用） */
  --radius-sm: 4px;
  --radius-md: 4px;
  --radius-lg: 4px;
  --radius-xl: 4px;
  --radius-2xl: 4px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px rgba(22, 58, 95, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(22, 58, 95, 0.08), 0 2px 4px -2px rgba(22, 58, 95, 0.05);
  --shadow-lg: 0 10px 15px -3px rgba(22, 58, 95, 0.10), 0 4px 6px -4px rgba(22, 58, 95, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(22, 58, 95, 0.12), 0 8px 10px -6px rgba(22, 58, 95, 0.08);
  --shadow-accent: 0 4px 14px rgba(245, 184, 0, 0.35);

  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 350ms ease;

  --container-max: 1200px;
  --header-height: 162px;
  --z-header: 1000;
  --z-overlay: 900;
  --z-mobile-nav: 1100;
  --z-back-to-top: 800;
}