/* ================================================================
   杭州萧山机场贵宾厅巡查系统 — 设计 Token
   暗色奢华风 / 深海军蓝 + 香槟金 / 航空贵宾厅气质
   ================================================================ */

:root {
  /* —— 主色系：深海军蓝（航空、夜空、宁静）—— */
  --vip-bg-deep:       #0A1628;   /* 主背景，深邃 */
  --vip-bg-base:       #0F1E33;   /* 次背景 */
  --vip-bg-card:       #142540;   /* 卡片背景 */
  --vip-bg-elevated:   #1A2E4A;   /* 浮层/弹窗背景 */
  --vip-bg-hover:      #1F365A;   /* hover */

  /* —— 品牌色：香槟金（与 logo 呼应，奢华感）—— */
  --vip-gold:          #C9A876;   /* 主金色 */
  --vip-gold-bright:   #E0C896;   /* 高亮 */
  --vip-gold-soft:     #8A7553;   /* 暗金/次强调 */
  --vip-gold-bg:       rgba(201, 168, 118, 0.08);  /* 金色微透背景 */

  /* —— 文字 —— */
  --vip-text:          #F5F1E8;   /* 米白，主文字 */
  --vip-text-dim:      #9BA8B5;   /* 次要文字 */
  --vip-text-faint:    #5E6B7A;   /* 极淡文字/分隔 */

  /* —— 边框 / 分隔 —— */
  --vip-border:        #1E3554;   /* 默认边框 */
  --vip-border-gold:   rgba(201, 168, 118, 0.25);  /* 金色边框 */

  /* —— 状态色（柔和，与暗背景协调）—— */
  --vip-success:       #5A9E7F;
  --vip-success-bg:    rgba(90, 158, 127, 0.12);
  --vip-warning:       #D4A055;
  --vip-warning-bg:    rgba(212, 160, 85, 0.12);
  --vip-danger:        #C76B6B;
  --vip-danger-bg:     rgba(199, 107, 107, 0.12);
  --vip-info:          #6B8FB5;
  --vip-info-bg:       rgba(107, 143, 181, 0.12);

  /* —— 阴影 / 辉光 —— */
  --vip-shadow-sm:     0 1px 2px rgba(0,0,0,0.2);
  --vip-shadow:        0 4px 12px rgba(0,0,0,0.3);
  --vip-shadow-lg:     0 12px 32px rgba(0,0,0,0.4);
  --vip-glow-gold:     0 0 24px rgba(201, 168, 118, 0.15);

  /* —— 圆角 —— */
  --vip-radius-sm:     6px;
  --vip-radius:        10px;
  --vip-radius-lg:     16px;
  --vip-radius-full:   999px;

  /* —— 字体 —— */
  --vip-font-display:  'Cormorant Garamond', 'Source Han Serif SC', 'Songti SC', 'STSong', serif;
  --vip-font-body:     'Inter', 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
  --vip-font-mono:     'JetBrains Mono', 'SF Mono', Consolas, monospace;

  /* —— 间距 / 节奏 —— */
  --vip-space-xs:      4px;
  --vip-space-sm:      8px;
  --vip-space:         16px;
  --vip-space-lg:      24px;
  --vip-space-xl:      32px;

  /* —— 动效 —— */
  --vip-ease:          cubic-bezier(0.4, 0, 0.2, 1);
  --vip-ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --vip-duration:      240ms;
}