:root {
  /* Brand */
  --color-primary:      #2563EB;
  --color-primary-dk:   #1D4ED8;
  --color-primary-lt:   #DBEAFE;

  /* Semantic */
  --color-income:       #16A34A;
  --color-income-lt:    #DCFCE7;
  --color-expense:      #DC2626;
  --color-expense-lt:   #FEE2E2;
  --color-transfer:     #2563EB;
  --color-transfer-lt:  #DBEAFE;
  --color-warning:      #D97706;
  --color-warning-lt:   #FEF3C7;
  --color-success:      #16A34A;
  --color-danger:       #DC2626;
  --color-info:         #0891B2;
  --color-info-lt:      #CFFAFE;

  /* Neutral */
  --color-bg:           #F8FAFC;
  --color-surface:      #FFFFFF;
  --color-surface-2:    #F1F5F9;
  --color-border:       #E2E8F0;
  --color-border-dk:    #CBD5E1;
  --color-text:         #0F172A;
  --color-text-muted:   #64748B;
  --color-text-light:   #94A3B8;
  --color-overlay:      rgba(0, 0, 0, 0.48);

  /* Spacing */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;

  /* Radii */
  --r-sm:   6px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   20px;
  --r-full: 9999px;

  /* Typography */
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-md:   16px;
  --text-lg:   18px;
  --text-xl:   20px;
  --text-2xl:  24px;
  --text-3xl:  28px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.08), 0 2px 4px -1px rgba(0,0,0,0.04);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);

  /* Shell */
  --nav-h:    56px;
  --bottom-h: 64px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg:          #0F172A;
    --color-surface:     #1E293B;
    --color-surface-2:   #0F172A;
    --color-border:      #334155;
    --color-border-dk:   #475569;
    --color-text:        #F1F5F9;
    --color-text-muted:  #94A3B8;
    --color-text-light:  #64748B;
    --color-primary-lt:  #1E3A5F;
    --color-income-lt:   #14532D;
    --color-expense-lt:  #7F1D1D;
    --color-warning-lt:  #78350F;
  }
}