/* ==========================================================================
   蜂职速聘官网 - 设计变量
   ========================================================================== */

:root {
  /* 品牌色 */
  --color-primary: #F5A623;          /* 蜂巢琥珀 - CTA、高亮 */
  --color-primary-dark: #D98C0B;     /* 悬停深色 */
  --color-primary-light: #FFD27A;    /* 浅色渐变 */
  --color-primary-soft: #FFF4DD;     /* 弱化背景 */

  --color-ink: #1A1D24;              /* 深墨 - 标题 / 导航 */
  --color-ink-80: #2A2E3A;
  --color-ink-60: #3F4452;

  /* 中性色 */
  --color-bg: #FFFFFF;
  --color-bg-soft: #F7F8FA;
  --color-bg-muted: #F1F3F7;
  --color-border: #E5E7EB;
  --color-border-strong: #D1D5DB;

  --color-text: #1F2329;
  --color-text-secondary: #4B5563;
  --color-text-muted: #6B7280;
  --color-text-light: #9CA3AF;

  /* 状态色 */
  --color-success: #10B981;          /* 靠谱 */
  --color-warning: #F59E0B;
  --color-danger: #EF4444;
  --color-info: #3B82F6;

  /* 字号 */
  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-md: 18px;
  --fs-lg: 24px;
  --fs-xl: 32px;
  --fs-2xl: 48px;
  --fs-3xl: 64px;

  /* 行高 */
  --lh-tight: 1.2;
  --lh-normal: 1.6;
  --lh-relaxed: 1.8;

  /* 间距（8 倍数） */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 32px;
  --sp-6: 48px;
  --sp-7: 64px;
  --sp-8: 96px;

  /* 圆角 */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* 阴影 */
  --shadow-card: 0 2px 8px rgba(26, 29, 36, 0.06), 0 1px 2px rgba(26, 29, 36, 0.04);
  --shadow-hover: 0 10px 24px rgba(26, 29, 36, 0.1), 0 4px 8px rgba(26, 29, 36, 0.06);
  --shadow-modal: 0 24px 48px rgba(26, 29, 36, 0.18);

  /* 布局容器 */
  --container-sm: 720px;
  --container-md: 960px;
  --container-lg: 1200px;
  --container-xl: 1280px;

  /* 过渡 */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --transition-fast: 150ms var(--ease-out);
  --transition-base: 250ms var(--ease-out);
  --transition-slow: 400ms var(--ease-out);

  /* Header 高度 */
  --header-height: 72px;

  /* 字体 */
  --font-family-base: "PingFang SC", "Microsoft YaHei", "Helvetica Neue",
    Helvetica, Arial, "Source Han Sans CN", "Hiragino Sans GB", sans-serif;
  --font-family-mono: "SFMono-Regular", Menlo, Consolas, monospace;
}