:root {
  /* UI-UX Pro Max — 信任蓝 #2563EB */
  --primary:       #2563EB;
  --primary-hover: #1D4ED8;
  --primary-light: #DBEAFE;
  --primary-soft:  #EFF6FF;

  --accent-amber:  #D97706;
  --accent-purple: #7C3AED;
  --success:       #059669;
  --success-soft:  #D1FAE5;
  --danger:        #DC2626;
  --danger-soft:   #FEE2E2;
  --warning:       #F59E0B;
  --warning-soft:  #FEF3C7;

  --ink:      #0F172A;
  --body:     #475569;
  --mute:     #94A3B8;
  --hairline: #E2E8F0;
  --canvas:   #FFFFFF;
  --soft:     #F8FAFC;

  --glass-bg:     rgba(255,255,255,.72);
  --glass-border: rgba(255,255,255,.5);
  --glass-blur:   16px;

  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', ui-monospace, monospace;

  --space-1: 4px;  --space-2: 8px;  --space-3: 12px;
  --space-4: 16px; --space-5: 20px; --space-6: 24px;
  --space-8: 32px; --space-10: 40px; --space-12: 48px;
  --space-16: 64px;

  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-xl: 24px; --radius-full: 9999px;

  --shadow-xs: 0 1px 2px rgba(0,0,0,.04);
  --shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md: 0 4px 6px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.04);
  --shadow-lg: 0 10px 15px rgba(0,0,0,.06), 0 4px 6px rgba(0,0,0,.04);
  --shadow-xl: 0 20px 25px rgba(0,0,0,.08), 0 8px 10px rgba(0,0,0,.04);

  --nav-h: 64px;
  --sidebar-w: 240px;
}

/* Bento card sizes */
.bento-1x1 { grid-column: span 1; grid-row: span 1; }
.bento-2x1 { grid-column: span 2; grid-row: span 1; }
.bento-1x2 { grid-column: span 1; grid-row: span 2; }
.bento-2x2 { grid-column: span 2; grid-row: span 2; }