/* ============================================================
   盒子猫官网 · 设计令牌 (Design Tokens)
   全部主题差异只在这里切换，结构层不动
   ============================================================ */

:root {
  /* ---- 品牌 ---- */
  --brand:        #2B5CE6;
  --brand-d:      #1C43B4;
  --brand-l:      #EAF0FF;
  --brand-soft:   #F3F7FF;
  --cyan:         #0FA9C4;
  --gold:         #B08A45;
  --gold-l:       #FBF5E9;
  --gold-line:    #EADFC6;

  /* ---- 深空墨（用于信任条与页脚）---- */
  --ink:          #0B1220;
  --ink-2:        #121C31;
  --ink-line:     #22304A;

  /* ---- 表面 ---- */
  --bg:           #F5F7FB;
  --surface:      #FFFFFF;
  --surface-2:    #FAFBFE;
  --surface-3:    #F1F4FA;
  --line:         #E3E8F1;
  --line-2:       #EEF2F8;
  --header-bg:    rgba(245, 247, 251, .82);
  --band-bg:      var(--ink);
  --band-tx:      #FFFFFF;
  --band-tx-2:    rgba(255, 255, 255, .66);
  --band-line:    rgba(255, 255, 255, .12);

  /* ---- 文字 ---- */
  --tx:           #0F1B2D;
  --tx-2:         #4B5B73;
  --tx-3:         #8695AB;
  --tx-on-brand:  #FFFFFF;

  /* ---- 语义 ---- */
  --ok:           #1E7A4C;
  --ok-bg:        #ECF7F1;
  --warn:         #8A6114;
  --warn-bg:      #FEFAF1;
  --danger:       #B03A2E;
  --danger-bg:    #FEF4F3;

  /* ---- 圆角 ---- */
  --r-xs: 8px;
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;

  /* ---- 阴影（中性蓝调，无发光）---- */
  --sh-xs: 0 1px 2px rgba(15, 27, 45, .06);
  --sh-sm: 0 1px 2px rgba(15, 27, 45, .05), 0 2px 8px rgba(15, 27, 45, .05);
  --sh-md: 0 4px 24px rgba(15, 27, 45, .08), 0 1px 2px rgba(15, 27, 45, .04);
  --sh-lg: 0 18px 60px rgba(15, 27, 45, .14);
  --sh-brand: 0 10px 30px rgba(43, 92, 230, .22);

  /* ---- 布局 ---- */
  --wrap: 1200px;
  --pad: 28px;
  --sec-y: 118px;
  --header-h: 72px;

  /* ---- 动效 ---- */
  --ease:      cubic-bezier(.22, .61, .36, 1);
  --ease-out:  cubic-bezier(.2, .8, .3, 1);
  --t-fast:    .18s;
  --t-mid:     .28s;
  --t-slow:    .45s;

  color-scheme: light;
}

/* ============================================================
   暗色主题
   ============================================================ */
[data-theme="dark"] {
  --brand:        #5B85FF;
  --brand-d:      #8AA8FF;
  --brand-l:      #17243F;
  --brand-soft:   #141E33;
  --cyan:         #35C4DD;
  --gold:         #D6B36A;
  --gold-l:       #241E14;
  --gold-line:    #3C3220;

  --bg:           #070C16;
  --surface:      #0E1728;
  --surface-2:    #111B2E;
  --surface-3:    #17223A;
  --line:         #22304A;
  --line-2:       #1A2439;
  --header-bg:    rgba(7, 12, 22, .82);
  --band-bg:      #0E1728;
  --band-tx:      #EEF3FC;
  --band-tx-2:    rgba(238, 243, 252, .62);
  --band-line:    rgba(255, 255, 255, .1);

  --tx:           #E9F0FA;
  --tx-2:         #A2B1C8;
  --tx-3:         #6C7E97;

  --ok:           #4FBE86;
  --ok-bg:        #10241C;
  --warn:         #DCA94F;
  --warn-bg:      #241D12;
  --danger:       #E8796B;
  --danger-bg:    #261512;

  --sh-xs: 0 1px 2px rgba(0, 0, 0, .5);
  --sh-sm: 0 1px 2px rgba(0, 0, 0, .45), 0 2px 10px rgba(0, 0, 0, .35);
  --sh-md: 0 6px 28px rgba(0, 0, 0, .5);
  --sh-lg: 0 24px 70px rgba(0, 0, 0, .62);
  --sh-brand: 0 10px 30px rgba(91, 133, 255, .26);

  color-scheme: dark;
}