@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* ── Tailwind directives ── */
/* (当使用 CDN 时此文件作为设计 token 参考，实际由 tailwind.config 注入) */

:root {
  --color-primary:    #4F46E5;
  --color-primary-light: #EEF2FF;
  --color-income:     #10B981;
  --color-expense:    #F97316;
  --color-surface:    #F9FAFB;
  --color-card:       #FFFFFF;
  --color-text-main:  #111827;
  --color-text-muted: #6B7280;
  --color-sidebar:    #1E1B4B;
  --color-border:     #E5E7EB;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  background-color: var(--color-surface);
  color: var(--color-text-main);
}

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Hide scrollbar but keep scroll */
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }