/* taxtasks-end base.css — 字体与基础变量 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap');

:root {
  --sb-bg:       #111318;
  --sb-w:        248px;
  --sb-border:   rgba(255,255,255,0.08);
  --sb-hover:    rgba(255,255,255,0.07);
  --sb-active:   rgba(255,255,255,0.12);
  --sb-text:     rgba(255,255,255,0.55);
  --sb-text-on:  #FFFFFF;
  --sb-muted:    rgba(255,255,255,0.28);

  --bg:          #F3F4F6;
  --surface:     #FFFFFF;
  --surface2:    #F9FAFB;
  --border:      #E5E7EB;
  --border-md:   #D1D5DB;

  --primary:     #1A3D6B;
  --primary-h:   #2255A0;
  --accent:      #D97706;
  --accent-bg:   #FEF3C7;

  --green:       #047857;
  --green-bg:    #ECFDF5;
  --red:         #B91C1C;
  --red-bg:      #FEF2F2;
  --blue:        #1D4ED8;
  --blue-bg:     #EFF6FF;
  --yellow:      #B45309;
  --yellow-bg:   #FFFBEB;
  --purple:      #6D28D9;
  --purple-bg:   #F5F3FF;
  --gray-bg:     #F3F4F6;

  --text:        #111827;
  --text2:       #374151;
  --text3:       #6B7280;
  --text4:       #9CA3AF;

  --sh-xs: 0 1px 2px rgba(0,0,0,0.05);
  --sh-sm: 0 2px 8px rgba(0,0,0,0.07);
  --sh-md: 0 4px 16px rgba(0,0,0,0.1);

  --radius:    8px;
  --radius-lg: 12px;
}