:root {
  --color-primary:        #5BA46E;
  --color-primary-hover:  #4A9560;
  --color-primary-active: #3E8451;
  --color-primary-bg:     #E8F3EC;
  --color-primary-border: #C7E0D0;
  --color-on-primary:     #FFFFFF;

  --color-bg:             #F7F9F8;
  --color-surface:        #FFFFFF;
  --color-surface-alt:    #FBFCFB;
  --color-border:         #E5E7EB;
  --color-border-strong:  #D1D5DB;
  --color-divider:        #F1F3F2;

  --color-text:           #1F2937;
  --color-text-secondary: #6B7280;
  --color-text-tertiary:  #9CA3AF;
  --color-text-disabled:  #C7CBD1;

  --color-success:        #16A34A;
  --color-success-bg:     #ECFDF3;
  --color-warning:        #B45309;
  --color-warning-bg:     #FEF6E7;
  --color-danger:         #B42318;
  --color-danger-bg:      #FEF3F2;
  --color-info:           #1D4ED8;
  --color-info-bg:        #EFF4FF;

  --color-debit:          #1F2937;
  --color-credit:         #B42318;
  --color-debit-header-bg:  #EFF4FF;
  --color-debit-header:     #1D4ED8;
  --color-credit-header-bg: #F0FDF4;
  --color-credit-header:    #16A34A;

  --sidebar-width:        220px;
  --sidebar-collapsed:    60px;
  --topbar-height:        52px;

  --radius-card:          6px;
  --radius-btn:           4px;
  --radius-badge:         2px;

  --font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
}